{"id":87,"date":"2026-06-26T13:54:10","date_gmt":"2026-06-26T13:54:10","guid":{"rendered":"https:\/\/kransie.com\/?page_id=87"},"modified":"2026-07-23T07:21:57","modified_gmt":"2026-07-23T07:21:57","slug":"home","status":"publish","type":"page","link":"https:\/\/kransie.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"87\" class=\"elementor elementor-87\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c9a75 e-con-full e-flex e-con e-parent\" data-id=\"c8c9a75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43339de elementor-widget elementor-widget-html\" data-id=\"43339de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================================\n     KRANSIE COMMUNICATION \u2014 Page d'accueil compl\u00e8te\n     HTML + CSS autonome, aucune d\u00e9pendance, aucun JavaScript.\n\n     \u2500\u2500 CE QUE CONTIENT CE FICHIER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     L'int\u00e9gralit\u00e9 de la home actuelle, reconstruite \u00e0 l'identique, PLUS la\n     nouvelle section \u00ab Automatisation \u00bb pos\u00e9e sur fond clair pour trancher\n     avec le reste de la page.\n\n     \u2500\u2500 INT\u00c9GRATION ELEMENTOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     1. Ouvrir la HOME avec Elementor\n     2. R\u00e9glages de page (engrenage en bas \u00e0 gauche) > Mise en page\n        > choisir \u00ab Elementor pleine largeur \u00bb ou \u00ab Canvas \u00bb\n     3. Ajouter un widget \u00ab HTML personnalis\u00e9 \u00bb\n     4. Coller TOUT ce fichier\n     5. Sur la section parente : Avanc\u00e9 > Marge et padding = 0\n\n     \u2500\u2500 EN-T\u00caTE ET PIED DE PAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Si votre th\u00e8me affiche d\u00e9j\u00e0 son propre header\/footer, supprimez les blocs\n     balis\u00e9s \u00ab BLOC OPTIONNEL \u00bb en d\u00e9but et fin de fichier pour \u00e9viter les\n     doublons.\n\n     \u2500\u2500 IMAGES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Cherchez \u00ab REMPLACER-IMAGE \u00bb : trois emplacements attendent vos visuels\n     (hero + deux r\u00e9alisations). En attendant, un aplat d\u00e9grad\u00e9 s'affiche.\n     ============================================================================ -->\n\n<div class=\"krs\">\n\n  <!-- \u2550\u2550\u2550 BLOC OPTIONNEL : EN-T\u00caTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <header class=\"krs-nav\">\n    <div class=\"krs-nav__inner\">\n      <a class=\"krs-nav__logo\" href=\"\/\">Kransie <span>&middot;<\/span> Communication<\/a>\n      <nav class=\"krs-nav__links\" aria-label=\"Navigation principale\">\n        <a href=\"#visibilite\">Visibilit\u00e9<\/a>\n        <a href=\"#services\">Services<\/a>\n        <a href=\"#methode\">M\u00e9thode<\/a>\n        <a href=\"#realisations\">R\u00e9alisations<\/a>\n        <a href=\"#apropos\">\u00c0 propos<\/a>\n      <\/nav>\n      <a class=\"krs-nav__cta\" href=\"#contact\">Prendre contact<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-hero\">\n    <!-- REMPLACER-IMAGE 1 : ajouter l'URL du visuel de fond ci-dessous\n         style=\"background-image:url('VOTRE-IMAGE.jpg')\" -->\n    <div class=\"krs-hero__media\" role=\"presentation\"><\/div>\n    <div class=\"krs-hero__inner\">\n      <p class=\"krs-eyebrow\">Sites web &middot; R\u00e9f\u00e9rencement &middot; Visibilit\u00e9 IA \u2014 Antibes, C\u00f4te d&rsquo;Azur<\/p>\n      <h1 class=\"krs-hero__title\">\n        Votre savoir-faire,<br>\n        <em>enfin visible<\/em> \u2014 sur<br>\n        Google comme<br>\n        sur les IA.\n      <\/h1>\n      <p class=\"krs-hero__lead\">\n        Sites vitrines sur mesure, r\u00e9f\u00e9rencement local et audit de visibilit\u00e9 sur\n        les intelligences artificielles. Pour que les professionnels de la C\u00f4te\n        d&rsquo;Azur soient trouv\u00e9s par leurs clients&nbsp;\u2014 sur Google, et\n        d\u00e9sormais sur ChatGPT, Perplexity ou Google AI. Livr\u00e9 en 10&nbsp;jours.\n      <\/p>\n      <div class=\"krs-hero__actions\">\n        <a class=\"krs-btn krs-btn--gold\" href=\"#contact\">Mon diagnostic de visibilit\u00e9 offert<\/a>\n        <a class=\"krs-btn krs-btn--ghost\" href=\"#services\">D\u00e9couvrir les services<\/a>\n      <\/div>\n      <ul class=\"krs-stats\">\n        <li><strong>10j<\/strong><span>D\u00e9lai de livraison<\/span><\/li>\n        <li><strong>SEO + GEO<\/strong><span>Google &amp; intelligences artificielles<\/span><\/li>\n        <li><strong>100% local<\/strong><span>Bassin azur\u00e9en, en personne<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 LA NOUVELLE DONNE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec krs-sec--deep\" id=\"visibilite\">\n    <div class=\"krs-inner\">\n      <p class=\"krs-eyebrow\">La nouvelle donne<\/p>\n      <h2 class=\"krs-h2\">\u00catre bien r\u00e9f\u00e9renc\u00e9 ne suffit plus.<br class=\"krs-br\"> Il faut aussi \u00eatre <em>cit\u00e9<\/em>.<\/h2>\n      <p class=\"krs-lead\">\n        Pendant vingt ans, \u00eatre visible voulait dire remonter sur Google. C&rsquo;est\n        toujours vrai&nbsp;\u2014 et essentiel. Mais aujourd&rsquo;hui, vos clients posent\n        aussi leurs questions \u00e0 une IA, qui ne cite qu&rsquo;une poign\u00e9e de noms.\n        Je travaille les deux visibilit\u00e9s, ensemble.\n      <\/p>\n\n      <div class=\"krs-grid krs-grid--2\">\n        <article class=\"krs-card\">\n          <p class=\"krs-kicker\">Visibilit\u00e9 classique<\/p>\n          <h3 class=\"krs-h3\">Le r\u00e9f\u00e9rencement (SEO)<\/h3>\n          <p class=\"krs-card__text\">\n            \u00catre trouv\u00e9 quand on vous cherche sur Google et Google Maps&nbsp;: bon\n            positionnement local, site rapide et clair, fiche \u00e9tablissement soign\u00e9e.\n            La base, indispensable, que je pose sur chaque projet.\n          <\/p>\n          <p class=\"krs-tags\">Google &middot; Google Maps &middot; recherche locale<\/p>\n        <\/article>\n\n        <article class=\"krs-card\">\n          <p class=\"krs-kicker\">Visibilit\u00e9 nouvelle<\/p>\n          <h3 class=\"krs-h3\">La visibilit\u00e9 IA (GEO)<\/h3>\n          <p class=\"krs-card__text\">\n            \u00catre recommand\u00e9 quand un client demande \u00e0 ChatGPT ou Perplexity\n            \u00ab&nbsp;un bon professionnel pr\u00e8s de chez moi&nbsp;\u00bb. L&rsquo;IA ne propose\n            que quelques noms&nbsp;: l&rsquo;enjeu est d&rsquo;en faire partie. Le\n            r\u00e9f\u00e9rencement de demain, d\u00e8s aujourd&rsquo;hui.\n          <\/p>\n          <p class=\"krs-tags\">ChatGPT &middot; Perplexity &middot; Google AI<\/p>\n        <\/article>\n      <\/div>\n\n      <p class=\"krs-note\">\n        Deux visibilit\u00e9s, un m\u00eame objectif&nbsp;: que l&rsquo;on vous trouve. Je ne\n        remplace pas le SEO par le GEO&nbsp;\u2014 je les combine, pour que vous ne\n        d\u00e9pendiez ni d&rsquo;un seul canal, ni d&rsquo;une seule \u00e9poque.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 MES OFFRES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec\" id=\"services\">\n    <div class=\"krs-inner\">\n      <p class=\"krs-eyebrow\">Mes offres<\/p>\n      <h2 class=\"krs-h2\">Le site d&rsquo;abord.<br class=\"krs-br\"> La visibilit\u00e9 <em>ensuite<\/em>.<\/h2>\n      <p class=\"krs-lead\">\n        Du restaurant au cabinet lib\u00e9ral, chaque activit\u00e9 a ses besoins. Je construis\n        la vitrine qui vous ressemble, puis je fais en sorte qu&rsquo;on la trouve&nbsp;\u2014\n        par vos clients comme par les IA.\n      <\/p>\n\n      <p class=\"krs-sub\">Le site \u2014 sur mesure, par m\u00e9tier<\/p>\n      <div class=\"krs-grid krs-grid--3\">\n        <article class=\"krs-card\">\n          <h3 class=\"krs-h3\">Restaurants &amp; Bars<\/h3>\n          <p class=\"krs-card__text\">\n            Menu, r\u00e9servation en ligne et localisation. Une page \u00e9l\u00e9gante qui\n            transforme les curieux en clients attabl\u00e9s.\n          <\/p>\n          <p class=\"krs-price\">\u00c0 partir de 499&nbsp;\u20ac &middot; 89&nbsp;\u20ac\/mois<\/p>\n        <\/article>\n\n        <article class=\"krs-card\">\n          <h3 class=\"krs-h3\">Sant\u00e9 &amp; Param\u00e9dicaux<\/h3>\n          <p class=\"krs-card__text\">\n            Prise de rendez-vous en ligne int\u00e9gr\u00e9e, fiche praticien claire, et moins\n            d&rsquo;appels \u00e0 g\u00e9rer au quotidien.\n          <\/p>\n          <p class=\"krs-price\">\u00c0 partir de 699&nbsp;\u20ac &middot; 89&nbsp;\u20ac\/mois<\/p>\n        <\/article>\n\n        <article class=\"krs-card\">\n          <p class=\"krs-card__mark\" aria-hidden=\"true\">&#10022;<\/p>\n          <h3 class=\"krs-h3\">Votre activit\u00e9<\/h3>\n          <p class=\"krs-card__text\">\n            Artisan, commer\u00e7ant, ind\u00e9pendant&nbsp;: quel que soit votre m\u00e9tier, je\n            construis la vitrine qui vous met en valeur.\n          <\/p>\n          <p class=\"krs-price\">Sur devis &middot; \u00e0 partir de 49&nbsp;\u20ac\/mois<\/p>\n        <\/article>\n      <\/div>\n\n      <p class=\"krs-sub\">La visibilit\u00e9 &amp; le contenu<\/p>\n      <div class=\"krs-grid krs-grid--3\">\n        <article class=\"krs-card\">\n          <h3 class=\"krs-h3\">R\u00e9f\u00e9rencement local (SEO)<\/h3>\n          <p class=\"krs-card__text\">\n            Remonter sur Google et Google Maps l\u00e0 o\u00f9 vos clients vous cherchent&nbsp;:\n            optimisation du site, fiche \u00e9tablissement, contenu local et suivi de\n            positionnement.\n          <\/p>\n          <p class=\"krs-price\">Inclus dans les sites &middot; accompagnement sur devis<\/p>\n        <\/article>\n\n        <article class=\"krs-card\">\n          <span class=\"krs-badge\">Nouveau<\/span>\n          <h3 class=\"krs-h3\">Visibilit\u00e9 IA (Audit GEO)<\/h3>\n          <p class=\"krs-card__text\">\n            Generative Engine Optimization&nbsp;: je v\u00e9rifie si vous \u00eates recommand\u00e9\n            quand vos clients interrogent ChatGPT, Perplexity ou Google AI&nbsp;\u2014 et\n            je corrige ce qui vous rend invisible.\n          <\/p>\n          <p class=\"krs-price\">Audit complet \u00e0 partir de 290&nbsp;\u20ac<\/p>\n        <\/article>\n\n        <article class=\"krs-card\">\n          <h3 class=\"krs-h3\">Production vid\u00e9o<\/h3>\n          <p class=\"krs-card__text\">\n            Un contenu vid\u00e9o qui capte l&rsquo;attention et raconte votre histoire.\n            Tourn\u00e9 localement, pens\u00e9 pour votre site et vos r\u00e9seaux.\n          <\/p>\n          <p class=\"krs-price\">Sur devis &middot; selon le projet<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       \u2605 NOUVELLE SECTION \u2014 AUTOMATISATION (fond clair, mise en valeur)\n       C'est la seule section claire de la page : elle capte le regard\n       imm\u00e9diatement au scroll.\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec krs-sec--light\" id=\"automatisation\">\n    <div class=\"krs-inner\">\n      <p class=\"krs-eyebrow krs-eyebrow--dark\">Nouveau &middot; Automatisation<\/p>\n      <h2 class=\"krs-h2 krs-h2--dark\">\n        \u00catre trouv\u00e9, c&rsquo;est bien.<br class=\"krs-br\">\n        Ne perdre <em>aucun client<\/em>, c&rsquo;est mieux.\n      <\/h2>\n      <p class=\"krs-lead krs-lead--dark\">\n        Un site visible g\u00e9n\u00e8re des demandes. Encore faut-il les traiter&nbsp;\u2014 toutes,\n        et \u00e0 temps. Un devis oubli\u00e9, une relance jamais faite, un message noy\u00e9 dans la\n        bo\u00eete mail&nbsp;: c&rsquo;est du chiffre d&rsquo;affaires qui part chez le\n        concurrent. Je mets en place les outils qui suivent vos clients pendant que\n        vous travaillez.\n      <\/p>\n\n      <div class=\"krs-grid krs-grid--3\">\n        <article class=\"krs-card krs-card--light\">\n          <p class=\"krs-kicker krs-kicker--dark\">Pour d\u00e9marrer<\/p>\n          <h3 class=\"krs-h3 krs-h3--dark\">Suivi client automatis\u00e9<\/h3>\n          <p class=\"krs-card__text krs-card__text--dark\">\n            Chaque demande re\u00e7ue est enregistr\u00e9e, vous \u00eates alert\u00e9, le client re\u00e7oit\n            une r\u00e9ponse imm\u00e9diate et une relance automatique s&rsquo;il ne donne pas\n            suite. Fini les demandes qui passent \u00e0 la trappe.\n          <\/p>\n          <ul class=\"krs-list krs-list--dark\">\n            <li>Formulaire connect\u00e9 \u00e0 un CRM gratuit<\/li>\n            <li>R\u00e9ponse et relances automatiques<\/li>\n            <li>Tableau de bord de vos demandes<\/li>\n            <li>Formation d&rsquo;une heure incluse<\/li>\n          <\/ul>\n          <!-- TARIF 1 -->\n          <p class=\"krs-price krs-price--dark\">\u00c0 partir de 690&nbsp;\u20ac &middot; 49&nbsp;\u20ac\/mois<\/p>\n        <\/article>\n\n        <article class=\"krs-card krs-card--light krs-card--feature\">\n          <span class=\"krs-badge krs-badge--float\">Le plus demand\u00e9<\/span>\n          <p class=\"krs-kicker krs-kicker--dark\">Pour structurer<\/p>\n          <h3 class=\"krs-h3 krs-h3--dark\">Automatisation HubSpot<\/h3>\n          <p class=\"krs-card__text krs-card__text--dark\">\n            Vous avez une force commerciale, un cycle de vente, des prospects \u00e0\n            nourrir. Je con\u00e7ois et d\u00e9ploie vos workflows HubSpot&nbsp;: scoring,\n            s\u00e9quences, rapports, connexion \u00e0 vos outils existants.\n          <\/p>\n          <ul class=\"krs-list krs-list--dark\">\n            <li>Param\u00e9trage Marketing &amp; Sales Hub<\/li>\n            <li>Workflows et s\u00e9quences sur mesure<\/li>\n            <li>Int\u00e9gration site, facturation, agenda<\/li>\n            <li>Tableaux de bord et reporting<\/li>\n          <\/ul>\n          <!-- TARIF 2 -->\n          <p class=\"krs-price krs-price--dark\">Sur devis &middot; \u00e0 partir de 2&nbsp;400&nbsp;\u20ac<\/p>\n        <\/article>\n\n        <article class=\"krs-card krs-card--light\">\n          <p class=\"krs-kicker krs-kicker--dark\">Pour optimiser<\/p>\n          <h3 class=\"krs-h3 krs-h3--dark\">Audit de votre HubSpot<\/h3>\n          <p class=\"krs-card__text krs-card__text--dark\">\n            Vous payez d\u00e9j\u00e0 une licence HubSpot sans en exploiter le quart&nbsp;?\n            J&rsquo;audite votre configuration, je rep\u00e8re ce qui dort et je vous livre\n            un plan d&rsquo;action prioris\u00e9 et chiffr\u00e9.\n          <\/p>\n          <ul class=\"krs-list krs-list--dark\">\n            <li>Revue compl\u00e8te de votre portail<\/li>\n            <li>Donn\u00e9es, workflows, propri\u00e9t\u00e9s, droits<\/li>\n            <li>Rapport \u00e9crit et restitution d&rsquo;une heure<\/li>\n            <li>Plan d&rsquo;action prioris\u00e9<\/li>\n          <\/ul>\n          <!-- TARIF 3 -->\n          <p class=\"krs-price krs-price--dark\">\u00c0 partir de 890&nbsp;\u20ac<\/p>\n        <\/article>\n      <\/div>\n\n      <div class=\"krs-bridge\">\n        <p class=\"krs-bridge__text\">\n          <strong>Visibilit\u00e9, conversion, suivi&nbsp;:<\/strong> la m\u00eame cha\u00eene. Le\n          r\u00e9f\u00e9rencement et l&rsquo;IA vous am\u00e8nent des clients, le site les convainc,\n          l&rsquo;automatisation fait en sorte qu&rsquo;aucun ne se perde en route.\n        <\/p>\n        <a class=\"krs-btn krs-btn--dark\" href=\"#contact\">Parler de mon organisation<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 MA M\u00c9THODE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec krs-sec--deep\" id=\"methode\">\n    <div class=\"krs-inner\">\n      <p class=\"krs-eyebrow\">Ma m\u00e9thode<\/p>\n      <h2 class=\"krs-h2\">Simple. Rapide. <em>Efficace<\/em>.<\/h2>\n      <p class=\"krs-lead\">\n        Quatre \u00e9tapes, aucune complication. Vous gardez votre temps pour votre m\u00e9tier,\n        je m&rsquo;occupe du reste.\n      <\/p>\n\n      <ol class=\"krs-steps\">\n        <li>\n          <span class=\"krs-steps__num\">01<\/span>\n          <h3 class=\"krs-h3\">\u00c9change d\u00e9couverte<\/h3>\n          <p class=\"krs-card__text\">30 minutes pour comprendre votre activit\u00e9, vos clients et vos objectifs.<\/p>\n        <\/li>\n        <li>\n          <span class=\"krs-steps__num\">02<\/span>\n          <h3 class=\"krs-h3\">Devis &amp; validation<\/h3>\n          <p class=\"krs-card__text\">Une proposition claire, sans surprise. Vous validez, on d\u00e9marre aussit\u00f4t.<\/p>\n        <\/li>\n        <li>\n          <span class=\"krs-steps__num\">03<\/span>\n          <h3 class=\"krs-h3\">Cr\u00e9ation en 10 jours<\/h3>\n          <p class=\"krs-card__text\">Vous fournissez vos \u00e9l\u00e9ments, je fa\u00e7onne l&rsquo;int\u00e9gralit\u00e9 du site, optimis\u00e9 pour le r\u00e9f\u00e9rencement.<\/p>\n        <\/li>\n        <li>\n          <span class=\"krs-steps__num\">04<\/span>\n          <h3 class=\"krs-h3\">Suivi &amp; visibilit\u00e9<\/h3>\n          <p class=\"krs-card__text\">Maintenance, mises \u00e0 jour, r\u00e9f\u00e9rencement et rapport de visibilit\u00e9 (Google &amp; IA), chaque mois.<\/p>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n\n  <section class=\"krs-sec\" id=\"realisations\">\n  <div class=\"krs-inner\">\n    <p class=\"krs-eyebrow\">R\u00e9alisations<\/p>\n    <h2 class=\"krs-h2\">Mes derni\u00e8res <em>cr\u00e9ations<\/em>.<\/h2>\n    <p class=\"krs-lead\">\n      Quelques projets r\u00e9cents&nbsp;: des sites pens\u00e9s pour convertir, et du contenu\n      vid\u00e9o qui raconte une histoire.\n    <\/p>\n    <div class=\"krs-grid krs-grid--3\">\n      <article class=\"krs-work\">\n        <a class=\"krs-work__media\" href=\"https:\/\/www.jeanpierredermit.fr\/\" target=\"_blank\" rel=\"noopener\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kransie.com\/wp-content\/uploads\/2026\/07\/jeanpierredermit-scaled.png\"\n               alt=\"Aper\u00e7u du site de campagne de Jean-Pierre Dermit\"\n               loading=\"lazy\" width=\"800\" height=\"500\">\n        <\/a>\n        <p class=\"krs-kicker\">Site web &middot; Politique<\/p>\n        <h3 class=\"krs-h3\">Jean-Pierre Dermit<\/h3>\n        <p class=\"krs-card__text\">Site de campagne pour le maire de Biot&nbsp;: actualit\u00e9s, programme et mobilisation citoyenne.<\/p>\n        <a class=\"krs-link\" href=\"https:\/\/www.jeanpierredermit.fr\/\" target=\"_blank\" rel=\"noopener\">Voir le site \u2192<\/a>\n      <\/article>\n      <article class=\"krs-work\">\n        <a class=\"krs-work__media\" href=\"https:\/\/mykeeper.fr\/\" target=\"_blank\" rel=\"noopener\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kransie.com\/wp-content\/uploads\/2026\/07\/mykeeper-scaled.png\"\n               alt=\"Aper\u00e7u du site My Keeper, solution d'alertes PPMS et PTI\"\n               loading=\"lazy\" width=\"800\" height=\"500\">\n        <\/a>\n        <p class=\"krs-kicker\">Site web &middot; Tech &amp; S\u00e9curit\u00e9<\/p>\n        <h3 class=\"krs-h3\">My Keeper<\/h3>\n        <p class=\"krs-card__text\">Solution fran\u00e7aise d&rsquo;alertes PPMS et PTI, prim\u00e9e. Un site clair pour une technologie de pointe.<\/p>\n        <a class=\"krs-link\" href=\"https:\/\/mykeeper.fr\/\" target=\"_blank\" rel=\"noopener\">Voir le site \u2192<\/a>\n      <\/article>\n      <article class=\"krs-work\">\n        <a class=\"krs-work__media krs-work__media--video\" href=\"https:\/\/www.youtube.com\/@mykeepersos\" target=\"_blank\" rel=\"noopener\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kransie.com\/wp-content\/uploads\/2026\/07\/video-mykeeper.png\"\n               alt=\"Aper\u00e7u de la cha\u00eene YouTube My Keeper SOS\"\n               loading=\"lazy\" width=\"800\" height=\"500\">\n          <span class=\"krs-play\" aria-hidden=\"true\"><\/span>\n        <\/a>\n        <p class=\"krs-kicker\">Production vid\u00e9o<\/p>\n        <h3 class=\"krs-h3\">Cr\u00e9ation vid\u00e9o<\/h3>\n        <p class=\"krs-card__text\">Contenu vid\u00e9o pens\u00e9 pour capter l&rsquo;attention et valoriser une marque ou un \u00e9v\u00e9nement.<\/p>\n        <a class=\"krs-link\" href=\"https:\/\/www.youtube.com\/@mykeepersos\" target=\"_blank\" rel=\"noopener\">Regarder \u2192<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n  <!-- \u2550\u2550\u2550 MA FA\u00c7ON DE TRAVAILLER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec krs-sec--deep\">\n    <div class=\"krs-inner\">\n      <p class=\"krs-eyebrow\">Ma fa\u00e7on de travailler<\/p>\n      <h2 class=\"krs-h2\">Je ne suis pas l&rsquo;agence <em>de tout le monde<\/em>.<\/h2>\n      <p class=\"krs-lead\">\n        Pas d&rsquo;usine \u00e0 sites, pas de sous-traitance \u00e0 l&rsquo;autre bout du monde.\n        Un accompagnement local, humain et soign\u00e9&nbsp;\u2014 pour les pros d&rsquo;ici qui\n        veulent bien faire.\n      <\/p>\n\n      <ol class=\"krs-steps krs-steps--3\">\n        <li>\n          <span class=\"krs-steps__num\">01<\/span>\n          <h3 class=\"krs-h3\">Proximit\u00e9, pas anonymat<\/h3>\n          <p class=\"krs-card__text\">Bas\u00e9e \u00e0 Antibes, je me d\u00e9place. On se rencontre, on \u00e9change en vrai, et vous savez toujours \u00e0 qui vous parlez.<\/p>\n        <\/li>\n        <li>\n          <span class=\"krs-steps__num\">02<\/span>\n          <h3 class=\"krs-h3\">Sur-mesure, pas template<\/h3>\n          <p class=\"krs-card__text\">Votre m\u00e9tier a ses codes. Je fa\u00e7onne un site qui vous ressemble, pas un mod\u00e8le recycl\u00e9 auquel on change la couleur.<\/p>\n        <\/li>\n        <li>\n          <span class=\"krs-steps__num\">03<\/span>\n          <h3 class=\"krs-h3\">Visibilit\u00e9, pas vanit\u00e9<\/h3>\n          <p class=\"krs-card__text\">Un beau site qui ne se trouve pas ne sert \u00e0 rien. J&rsquo;optimise pour qu&rsquo;on vous trouve&nbsp;\u2014 sur Google et sur les IA.<\/p>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 \u00c0 PROPOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec krs-about\" id=\"apropos\">\n    <div class=\"krs-inner krs-inner--narrow\">\n      <p class=\"krs-about__mark\" aria-hidden=\"true\">&#10016;<\/p>\n      <p class=\"krs-eyebrow\">\u00c0 propos<\/p>\n      <h2 class=\"krs-h2\">Une enfant du pays,<br class=\"krs-br\"> au service des <em>pros d&rsquo;ici<\/em>.<\/h2>\n\n      <p class=\"krs-about__text\">\n        Kransie, c&rsquo;est d&rsquo;abord un mot d&rsquo;enfance&nbsp;: ma propre unit\u00e9\n        de mesure, invent\u00e9e pour dire ce qui comptait. Aujourd&rsquo;hui, c&rsquo;est\n        devenu ma fa\u00e7on de mesurer la r\u00e9ussite de mes clients&nbsp;: en visibilit\u00e9, en\n        r\u00e9servations, en clients gagn\u00e9s.\n      <\/p>\n      <p class=\"krs-about__text\">\n        Form\u00e9e au webmarketing et au r\u00e9f\u00e9rencement, j&rsquo;ai accompagn\u00e9 des acteurs\n        exigeants&nbsp;\u2014 comme My Keeper, solution de s\u00e9curit\u00e9 d\u00e9ploy\u00e9e dans des\n        centaines de communes&nbsp;\u2014 avant de mettre ce savoir-faire au service des\n        professionnels de la C\u00f4te d&rsquo;Azur.\n      <\/p>\n      <p class=\"krs-about__text\">\n        Install\u00e9e \u00e0 Antibes, j&rsquo;accompagne ceux qui m\u00e9ritent une pr\u00e9sence en ligne\n        \u00e0 la hauteur de leur savoir-faire. Pas de jargon, pas d&rsquo;usine \u00e0 sites&nbsp;:\n        un travail soign\u00e9, local et humain.\n      <\/p>\n      <p class=\"krs-about__sign\">Kransie Communication<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"krs-sec krs-sec--deep krs-contact\" id=\"contact\">\n    <div class=\"krs-inner\">\n      <p class=\"krs-eyebrow\">Diagnostic offert<\/p>\n      <h2 class=\"krs-h2\">Savez-vous si l&rsquo;on <em>vous trouve<\/em>&nbsp;?<\/h2>\n      <p class=\"krs-lead\">\n        Je regarde gratuitement o\u00f9 vous en \u00eates&nbsp;\u2014 sur Google et sur les IA&nbsp;\u2014 et\n        je vous dis ce qui vous rend visible ou invisible. Un caf\u00e9 et 30 minutes\n        suffisent pour poser les bases. Bas\u00e9e \u00e0 Antibes, j&rsquo;interviens sur tout le\n        bassin azur\u00e9en.\n      <\/p>\n\n      <ul class=\"krs-contact__facts\">\n        <li>Antibes, Alpes-Maritimes (06)<\/li>\n        <li><a href=\"mailto:laura@kransie.com\">laura@kransie.com<\/a><\/li>\n        <li>R\u00e9ponse sous 24&nbsp;h ouvr\u00e9es<\/li>\n        <li>D\u00e9placement offert sur la C\u00f4te d&rsquo;Azur<\/li>\n      <\/ul>\n\n      <a class=\"krs-btn krs-btn--gold krs-btn--lg\" href=\"mailto:laura@kransie.com\">Recevoir mon diagnostic offert<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550 BLOC OPTIONNEL : PIED DE PAGE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <footer class=\"krs-foot\">\n    <div class=\"krs-inner krs-foot__inner\">\n      <p class=\"krs-foot__logo\">Kransie <span>&middot;<\/span> Communication<\/p>\n      <nav class=\"krs-foot__links\" aria-label=\"Navigation de pied de page\">\n        <a href=\"#visibilite\">Visibilit\u00e9<\/a>\n        <a href=\"#services\">Services<\/a>\n        <a href=\"#methode\">M\u00e9thode<\/a>\n        <a href=\"#apropos\">\u00c0 propos<\/a>\n        <a href=\"#contact\">Contact<\/a>\n        <!-- Obligation l\u00e9gale : cr\u00e9er ces deux pages et corriger les liens -->\n        <a href=\"\/mentions-legales\">Mentions l\u00e9gales<\/a>\n        <a href=\"\/politique-de-confidentialite\">Confidentialit\u00e9<\/a>\n      <\/nav>\n      <p class=\"krs-foot__copy\">\u00a9 2026 Kransie Communication &middot; Con\u00e7u avec passion \u00e0 Antibes, sous le soleil de la C\u00f4te d&rsquo;Azur &#10022;<\/p>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<style>\n\/* ==========================================================================\n   KRANSIE COMMUNICATION \u2014 Feuille de styles\n   Tout est pr\u00e9fix\u00e9 .krs pour ne jamais entrer en conflit avec le th\u00e8me.\n   ========================================================================== *\/\n\n.krs {\n  --deep:       #1c3327;\n  --green:      #24402f;\n  --soft:       #2d4c39;\n  --gold:       #c2a06b;\n  --gold-light: #d8bc8c;\n  --cream:      #f2efe6;\n  --cream-dim:  rgba(242, 239, 230, .74);\n\n  \/* Palette de la section claire *\/\n  --paper:      #f4f1e8;\n  --paper-card: #ffffff;\n  --ink:        #1c3327;\n  --ink-dim:    rgba(28, 51, 39, .76);\n  --ink-line:   rgba(28, 51, 39, .12);\n\n  --serif: \"Cormorant Garamond\", \"EB Garamond\", \"Playfair Display\",\n           Georgia, \"Times New Roman\", serif;\n\n  box-sizing: border-box;\n  width: 100%;\n  background: var(--deep);\n  color: var(--cream);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  overflow-x: clip;\n}\n\n.krs *,\n.krs *::before,\n.krs *::after { box-sizing: border-box; }\n\n.krs p, .krs h1, .krs h2, .krs h3,\n.krs ul, .krs ol, .krs li { margin: 0; padding: 0; }\n\n.krs ul, .krs ol { list-style: none; }\n\n.krs p, .krs li, .krs h1, .krs h2, .krs h3 {\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.krs a { text-decoration: none; }\n\n.krs a:focus-visible {\n  outline: 2px solid var(--gold-light);\n  outline-offset: 3px;\n}\n\n\/* ---------- Conteneurs ---------- *\/\n\n.krs-sec {\n  position: relative;\n  padding: clamp(56px, 8vw, 104px) clamp(20px, 5vw, 48px);\n  background: var(--green);\n}\n\n.krs-sec--deep { background: var(--deep); }\n\n.krs-sec--light {\n  background: var(--paper);\n  color: var(--ink);\n}\n\n.krs-inner {\n  max-width: 1140px;\n  margin-inline: auto;\n}\n\n.krs-inner--narrow { max-width: 760px; }\n\n\/* ---------- Typographie commune ---------- *\/\n\n.krs-eyebrow {\n  font-size: clamp(.7rem, 1.4vw, .76rem);\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  font-weight: 600;\n  color: var(--gold);\n  margin-bottom: 18px !important;\n}\n\n.krs-eyebrow--dark { color: #9a7a3f; }\n\n.krs-h2 {\n  font-family: var(--serif);\n  font-size: clamp(1.85rem, 5vw, 3.15rem);\n  line-height: 1.15;\n  font-weight: 400;\n  letter-spacing: -.005em;\n  color: var(--cream);\n  margin-bottom: 22px !important;\n}\n\n.krs-h2--dark { color: var(--ink); }\n.krs-h2 em { font-style: italic; color: var(--gold); }\n.krs-h2--dark em { color: #9a7a3f; }\n\n.krs-h3 {\n  font-family: var(--serif);\n  font-size: clamp(1.3rem, 2.4vw, 1.58rem);\n  font-weight: 400;\n  line-height: 1.28;\n  color: var(--cream);\n  margin-bottom: 14px !important;\n}\n\n.krs-h3--dark { color: var(--ink); }\n\n.krs-lead {\n  max-width: 44em;\n  font-size: clamp(.98rem, 1.6vw, 1.08rem);\n  line-height: 1.75;\n  color: var(--cream-dim);\n  margin-bottom: clamp(36px, 4.5vw, 60px) !important;\n}\n\n.krs-lead--dark { color: var(--ink-dim); }\n\n.krs-sub {\n  font-size: .72rem;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  font-weight: 600;\n  color: var(--gold);\n  margin: clamp(38px, 4vw, 52px) 0 22px !important;\n}\n\n.krs-sub:first-of-type { margin-top: 0 !important; }\n\n.krs-kicker {\n  font-size: .7rem;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  font-weight: 600;\n  color: var(--gold);\n  margin-bottom: 12px !important;\n}\n\n.krs-kicker--dark { color: #9a7a3f; }\n\n.krs-note {\n  margin-top: clamp(28px, 3.5vw, 40px) !important;\n  max-width: 52em;\n  font-size: clamp(.94rem, 1.5vw, 1rem);\n  line-height: 1.75;\n  color: var(--cream-dim);\n  padding-left: 20px;\n  border-left: 2px solid var(--gold);\n}\n\n\/* ---------- En-t\u00eate ---------- *\/\n\n.krs-nav {\n  background: var(--deep);\n  padding: 20px clamp(20px, 5vw, 48px);\n  border-bottom: 1px solid rgba(194, 160, 107, .16);\n}\n\n.krs-nav__inner {\n  max-width: 1240px;\n  margin-inline: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.krs-nav__logo {\n  font-family: var(--serif);\n  font-size: 1.32rem;\n  line-height: 1.25;\n  color: var(--cream) !important;\n  max-width: 190px;\n}\n\n.krs-nav__logo span { color: var(--gold); }\n\n.krs-nav__links {\n  display: flex;\n  gap: clamp(14px, 2.2vw, 30px);\n  flex-wrap: wrap;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n.krs-nav__links a {\n  font-size: .92rem;\n  color: var(--cream-dim) !important;\n  transition: color .2s ease;\n}\n\n.krs-nav__links a:hover { color: var(--gold) !important; }\n\n.krs-nav__cta {\n  display: inline-flex;\n  align-items: center;\n  min-height: 44px;\n  padding: 12px 22px;\n  background: var(--gold);\n  color: var(--deep) !important;\n  font-size: .78rem;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  font-weight: 700;\n  border-radius: 3px;\n  transition: background .2s ease;\n}\n\n.krs-nav__cta:hover { background: var(--gold-light); }\n\n\/* ---------- Hero ---------- *\/\n\n.krs-hero {\n  position: relative;\n  padding: clamp(64px, 10vw, 130px) clamp(20px, 5vw, 48px);\n  overflow: hidden;\n  background: var(--deep);\n}\n\n.krs-hero__media {\n  position: absolute;\n  inset: 0;\n  \/* REMPLACER-IMAGE 1 : d\u00e9commenter et renseigner l'URL\n     background-image: url('VOTRE-IMAGE.jpg');\n     background-size: cover;\n     background-position: center; *\/\n  background: radial-gradient(ellipse at 70% 30%, #2d4c39 0%, #1c3327 62%);\n  opacity: .9;\n}\n\n.krs-hero__media::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, rgba(28,51,39,.94) 0%, rgba(28,51,39,.72) 60%, rgba(28,51,39,.55) 100%);\n}\n\n.krs-hero__inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1140px;\n  margin-inline: auto;\n}\n\n.krs-hero__title {\n  font-family: var(--serif);\n  font-size: clamp(2.3rem, 7vw, 4.6rem);\n  line-height: 1.08;\n  font-weight: 400;\n  letter-spacing: -.01em;\n  color: var(--cream);\n  margin-bottom: 26px !important;\n}\n\n.krs-hero__title em { font-style: italic; color: var(--gold); }\n\n.krs-hero__lead {\n  max-width: 40em;\n  font-size: clamp(.98rem, 1.7vw, 1.1rem);\n  line-height: 1.75;\n  color: var(--cream-dim);\n  margin-bottom: 34px !important;\n}\n\n.krs-hero__actions {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-bottom: clamp(40px, 5vw, 64px);\n}\n\n.krs-stats {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));\n  gap: clamp(18px, 2.5vw, 32px);\n  padding-top: clamp(26px, 3vw, 36px);\n  border-top: 1px solid rgba(194, 160, 107, .22);\n}\n\n.krs-stats strong {\n  display: block;\n  font-family: var(--serif);\n  font-size: clamp(1.5rem, 3vw, 2rem);\n  font-weight: 400;\n  color: var(--gold);\n  margin-bottom: 6px;\n}\n\n.krs-stats span {\n  font-size: .88rem;\n  line-height: 1.5;\n  color: var(--cream-dim);\n}\n\n\/* ---------- Boutons ---------- *\/\n\n.krs-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 15px 28px;\n  font-size: .8rem;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  font-weight: 700;\n  line-height: 1.2;\n  text-align: center;\n  border-radius: 3px;\n  transition: background .2s ease, color .2s ease, border-color .2s ease;\n}\n\n.krs-btn--gold {\n  background: var(--gold);\n  color: var(--deep) !important;\n}\n\n.krs-btn--gold:hover { background: var(--gold-light); }\n\n.krs-btn--ghost {\n  background: transparent;\n  color: var(--cream) !important;\n  border: 1px solid rgba(194, 160, 107, .5);\n}\n\n.krs-btn--ghost:hover {\n  border-color: var(--gold);\n  color: var(--gold) !important;\n}\n\n.krs-btn--dark {\n  background: var(--ink);\n  color: var(--cream) !important;\n}\n\n.krs-btn--dark:hover { background: var(--soft); }\n\n.krs-btn--lg { padding: 18px 34px; }\n\n\/* ---------- Grilles et cartes ---------- *\/\n\n.krs-grid {\n  display: grid;\n  gap: clamp(18px, 2.4vw, 26px);\n  align-items: stretch;\n}\n\n.krs-grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }\n.krs-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }\n\n.krs-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  background: rgba(45, 76, 57, .42);\n  border: 1px solid rgba(194, 160, 107, .22);\n  border-radius: 4px;\n  padding: clamp(26px, 3vw, 36px) clamp(22px, 2.6vw, 30px) clamp(24px, 2.8vw, 30px);\n  transition: transform .28s ease, border-color .28s ease;\n}\n\n.krs-sec--deep .krs-card { background: var(--green); }\n\n.krs-card:hover,\n.krs-card:focus-within {\n  transform: translateY(-4px);\n  border-color: rgba(194, 160, 107, .5);\n}\n\n.krs-card--light {\n  background: var(--paper-card);\n  border-color: var(--ink-line);\n  box-shadow: 0 1px 2px rgba(28, 51, 39, .05);\n}\n\n.krs-card--light:hover,\n.krs-card--light:focus-within {\n  border-color: rgba(154, 122, 63, .45);\n  box-shadow: 0 10px 30px rgba(28, 51, 39, .1);\n}\n\n.krs-card--feature {\n  border-color: rgba(154, 122, 63, .55);\n  border-width: 2px;\n}\n\n.krs-card__mark {\n  font-size: 1.15rem;\n  color: var(--gold);\n  margin-bottom: 10px !important;\n}\n\n.krs-card__text {\n  font-size: clamp(.92rem, 1.4vw, .96rem);\n  line-height: 1.72;\n  color: var(--cream-dim);\n  margin-bottom: 20px !important;\n}\n\n.krs-card__text--dark { color: var(--ink-dim); }\n\n.krs-tags {\n  margin-top: auto !important;\n  padding-top: 18px;\n  border-top: 1px solid rgba(194, 160, 107, .2);\n  font-size: .82rem;\n  letter-spacing: .03em;\n  color: var(--gold-light);\n}\n\n.krs-price {\n  margin-top: auto !important;\n  padding-top: 20px;\n  border-top: 1px solid rgba(194, 160, 107, .2);\n  font-size: clamp(.84rem, 1.3vw, .89rem);\n  letter-spacing: .03em;\n  font-weight: 600;\n  color: var(--gold-light);\n}\n\n.krs-price--dark {\n  color: #8a6c34;\n  border-top-color: var(--ink-line);\n}\n\n.krs-list { margin-bottom: 24px !important; }\n\n.krs-list li {\n  position: relative;\n  padding-left: 23px;\n  font-size: clamp(.88rem, 1.3vw, .91rem);\n  line-height: 1.58;\n  color: var(--cream-dim);\n  margin-bottom: 11px !important;\n}\n\n.krs-list li:last-child { margin-bottom: 0 !important; }\n\n.krs-list li::before {\n  content: \"\\2726\";\n  position: absolute;\n  left: 0;\n  top: .1em;\n  font-size: .72em;\n  line-height: 1.6;\n  color: var(--gold);\n}\n\n.krs-list--dark li { color: var(--ink-dim); }\n.krs-list--dark li::before { color: #9a7a3f; }\n\n\/* ---------- Badges ---------- *\/\n\n.krs-badge {\n  display: inline-block;\n  align-self: flex-start;\n  background: var(--gold);\n  color: var(--deep);\n  font-size: .66rem;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  font-weight: 700;\n  line-height: 1;\n  padding: 6px 11px;\n  border-radius: 2px;\n  margin-bottom: 14px;\n}\n\n.krs-badge--float {\n  position: absolute;\n  top: -12px;\n  left: clamp(22px, 2.6vw, 30px);\n  margin-bottom: 0;\n  background: #9a7a3f;\n  color: #fff;\n  white-space: nowrap;\n}\n\n\/* ---------- Bandeau de liaison (section claire) ---------- *\/\n\n.krs-bridge {\n  margin-top: clamp(38px, 4.5vw, 58px);\n  padding: clamp(26px, 3vw, 34px) clamp(24px, 3vw, 38px);\n  background: rgba(28, 51, 39, .05);\n  border-left: 2px solid #9a7a3f;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(20px, 3vw, 36px);\n  flex-wrap: wrap;\n}\n\n.krs-bridge__text {\n  flex: 1 1 380px;\n  min-width: 0;\n  max-width: 62ch;\n  font-size: clamp(.95rem, 1.5vw, 1rem);\n  line-height: 1.72;\n  color: var(--ink-dim);\n}\n\n.krs-bridge__text strong { color: var(--ink); font-weight: 600; }\n\n\/* ---------- \u00c9tapes ---------- *\/\n\n.krs-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));\n  gap: clamp(22px, 3vw, 34px);\n}\n\n.krs-steps li { min-width: 0; }\n\n.krs-steps__num {\n  display: block;\n  font-family: var(--serif);\n  font-size: clamp(1.7rem, 3.4vw, 2.3rem);\n  line-height: 1;\n  color: var(--gold);\n  opacity: .55;\n  margin-bottom: 14px;\n}\n\n\/* ---------- R\u00e9alisations ---------- *\/\n\n.krs-work { min-width: 0; }\n\n.krs-work__media {\n  aspect-ratio: 16 \/ 10;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  background: linear-gradient(135deg, #2d4c39 0%, #1c3327 100%);\n  border: 1px solid rgba(194, 160, 107, .2);\n}\n\n.krs-work__media--video {\n  background: linear-gradient(135deg, #3a5a45 0%, #24402f 100%);\n}\n\n.krs-link {\n  display: inline-block;\n  font-size: .86rem;\n  letter-spacing: .04em;\n  color: var(--gold) !important;\n  transition: color .2s ease;\n}\n\n.krs-link:hover { color: var(--gold-light) !important; }\n\n\/* ---------- \u00c0 propos ---------- *\/\n\n.krs-about { background: var(--green); text-align: center; }\n\n.krs-about .krs-lead,\n.krs-about .krs-h2 { margin-inline: auto; }\n\n.krs-about__mark {\n  font-size: 1.5rem;\n  color: var(--gold);\n  margin-bottom: 18px !important;\n}\n\n.krs-about__text {\n  font-size: clamp(.98rem, 1.6vw, 1.06rem);\n  line-height: 1.8;\n  color: var(--cream-dim);\n  margin-bottom: 20px !important;\n}\n\n.krs-about__sign {\n  margin-top: 28px !important;\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  color: var(--gold);\n}\n\n\/* ---------- Contact ---------- *\/\n\n.krs-contact__facts {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));\n  gap: 16px 28px;\n  margin-bottom: clamp(32px, 4vw, 44px) !important;\n  padding: clamp(24px, 3vw, 30px) 0;\n  border-top: 1px solid rgba(194, 160, 107, .22);\n  border-bottom: 1px solid rgba(194, 160, 107, .22);\n}\n\n.krs-contact__facts li {\n  font-size: .94rem;\n  line-height: 1.6;\n  color: var(--cream-dim);\n}\n\n.krs-contact__facts a { color: var(--gold) !important; }\n.krs-contact__facts a:hover { color: var(--gold-light) !important; }\n\n\/* ---------- Pied de page ---------- *\/\n\n.krs-foot {\n  background: var(--deep);\n  padding: clamp(40px, 5vw, 56px) clamp(20px, 5vw, 48px);\n  border-top: 1px solid rgba(194, 160, 107, .16);\n}\n\n.krs-foot__logo {\n  font-family: var(--serif);\n  font-size: 1.25rem;\n  color: var(--cream);\n  margin-bottom: 20px !important;\n}\n\n.krs-foot__logo span { color: var(--gold); }\n\n.krs-foot__links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 24px;\n  margin-bottom: 26px;\n}\n\n.krs-foot__links a {\n  font-size: .88rem;\n  color: var(--cream-dim) !important;\n  transition: color .2s ease;\n}\n\n.krs-foot__links a:hover { color: var(--gold) !important; }\n\n.krs-foot__copy {\n  font-size: .82rem;\n  line-height: 1.6;\n  color: rgba(242, 239, 230, .5);\n  padding-top: 22px;\n  border-top: 1px solid rgba(194, 160, 107, .16);\n}\n\n\/* ==========================================================================\n   Points de rupture\n   ========================================================================== *\/\n\n\/* Tablette : la carte mise en avant occupe toute la largeur *\/\n@media (min-width: 620px) and (max-width: 979px) {\n  .krs-sec--light .krs-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .krs-sec--light .krs-card--feature { grid-column: 1 \/ -1; }\n  .krs-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n\n\/* Mobile *\/\n@media (max-width: 619px) {\n  .krs-br { display: none; }\n\n  .krs-grid--2,\n  .krs-grid--3,\n  .krs-steps { grid-template-columns: minmax(0, 1fr); }\n\n  .krs-nav__inner { justify-content: center; text-align: center; }\n  .krs-nav__logo { max-width: none; }\n  .krs-nav__links { justify-content: center; }\n  .krs-nav__cta { width: 100%; justify-content: center; }\n\n  .krs-hero__actions { flex-direction: column; }\n  .krs-hero__actions .krs-btn { width: 100%; }\n\n  .krs-bridge { flex-direction: column; align-items: stretch; }\n  .krs-bridge .krs-btn { width: 100%; }\n\n  .krs-card--feature { margin-top: 6px; }\n}\n\n\/* Tr\u00e8s petits \u00e9crans *\/\n@media (max-width: 380px) {\n  .krs-sec,\n  .krs-hero,\n  .krs-nav,\n  .krs-foot { padding-left: 16px; padding-right: 16px; }\n  .krs-card { padding-left: 20px; padding-right: 20px; }\n  .krs-badge--float { left: 20px; font-size: .62rem; padding: 5px 9px; }\n}\n\n\/* Mouvement r\u00e9duit *\/\n@media (prefers-reduced-motion: reduce) {\n  .krs-card,\n  .krs-btn,\n  .krs a { transition: none; }\n  .krs-card:hover,\n  .krs-card:focus-within { transform: none; }\n}\n\n\/* Impression *\/\n@media print {\n  .krs { background: #fff; color: #000; }\n  .krs-sec, .krs-hero, .krs-nav, .krs-foot { background: #fff; padding: 20px 0; }\n  .krs-hero__media { display: none; }\n  .krs-card { background: #fff; border-color: #999; break-inside: avoid; }\n  .krs-h2, .krs-h3, .krs-lead, .krs-card__text, .krs-hero__title { color: #000; }\n  .krs-btn, .krs-nav__cta { display: none; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kransie &middot; Communication Visibilit\u00e9 Services M\u00e9thode R\u00e9alisations \u00c0 propos Prendre contact Sites web &middot; R\u00e9f\u00e9rencement &middot; Visibilit\u00e9 IA \u2014 Antibes, C\u00f4te d&rsquo;Azur Votre savoir-faire, enfin visible \u2014 sur Google comme sur les IA. Sites vitrines sur mesure, r\u00e9f\u00e9rencement local et audit de visibilit\u00e9 sur les intelligences artificielles. Pour que les professionnels de la C\u00f4te d&rsquo;Azur [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":30,"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":151,"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/151"}],"wp:attachment":[{"href":"https:\/\/kransie.com\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}