{"id":70939,"date":"2026-10-07T16:33:30","date_gmt":"2026-10-07T13:33:30","guid":{"rendered":"https:\/\/kavkom.com\/useful-information\/api-version-zac-f\/"},"modified":"2026-10-20T17:13:32","modified_gmt":"2026-10-20T14:13:32","slug":"api-version-zac-f","status":"publish","type":"post","link":"https:\/\/kavkom.com\/en\/lp-en\/ggl-en\/api\/api-version-zac-f\/","title":{"rendered":"API &#8211; Integrate telephony directly into your SaaS"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* LP Kavkom \u00ab API de t\u00e9l\u00e9phonie pour \u00e9diteurs SaaS \u00bb \u2014 CSS\n   Tout est isol\u00e9 sous #lpapi pour passer devant les styles du th\u00e8me et du kit Elementor. *\/\n\/* ==========================================================\n   LP \u00ab API de t\u00e9l\u00e9phonie pour \u00e9diteurs SaaS \u00bb \u2014 Kavkom\n   Direction : \u00ab le circuit \u00bb. Un appel descend les couches\n   (votre SaaS \u2192 API Kavkom \u2192 t\u00e9l\u00e9phonie), les \u00e9v\u00e9nements remontent.\n   ========================================================== *\/\n#lpapi{\n  --ink:#041545;          \/* Principal *\/\n  --ink-2:#0B2A6B;        \/* marine secondaire *\/\n  --abyss:#020B29;        \/* fond le plus profond *\/\n  --signal:#168AFF;       \/* Secondaire *\/\n  --signal-ink:#126ECC;   \/* Link-Hover, texte bleu sur fond clair *\/\n  --sky:#8CCBFF;          \/* bleu lisible sur fond marine *\/\n  --action:#2563EB;       \/* Blue-LP *\/\n  --action-h:#1D4ED8;\n  --live:#22C55E;\n  --text:#101628;\n  --soft:#4A5573;\n  --mute:#6B7690;\n  --ice:#F5FAFF;\n  --ice-2:#EAF2FE;\n  --line:#E2E9F4;\n  --line-2:#D3E0F3;\n  --f-title:'Degular-Semibold','Bricolage Grotesque',system-ui,sans-serif;\n  --f-body:'HarmoniaSans','Mulish',system-ui,sans-serif;\n  --f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;\n  --container:1180px;\n  --ease:cubic-bezier(.22,1,.36,1);\n  --r-sm:10px;--r-md:14px;--r-lg:22px;\n  --sh-1:0 1px 2px rgba(4,21,69,.05),0 2px 8px rgba(4,21,69,.04);\n  --sh-2:0 2px 6px rgba(4,21,69,.06),0 18px 40px -12px rgba(4,21,69,.16);\n  --sh-3:0 4px 12px rgba(2,11,41,.18),0 40px 90px -20px rgba(2,11,41,.45);\n}\n#lpapi *,#lpapi *::before,#lpapi *::after{box-sizing:border-box}\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\n#lpapi{background:#fff;margin:0;font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}\n#lpapi img{max-width:100%;display:block}\n#lpapi a{color:inherit;text-decoration:none}\n#lpapi h1,#lpapi h2,#lpapi h3,#lpapi p{margin:0}\n#lpapi section[id],#lpapi div[id]{scroll-margin-top:88px}\n#lpapi :focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:6px}\n#lpapi ::selection{background:#CFE6FF;color:var(--ink)}\n\n\/* ---------- Primitives ---------- *\/\n#lpapi .api-container{width:100%;max-width:var(--container);margin:0 auto;padding:128px 28px}\n#lpapi .api-section{position:relative;background:#fff}\n#lpapi .api-section.soft{background:var(--ice)}\n#lpapi .api-section.soft::before{content:\"\";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}\n#lpapi .api-kicker{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--signal-ink);margin-bottom:20px}\n#lpapi .api-kicker::before{content:\"\";width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--signal),var(--action))}\n#lpapi .api-h2{font-family:var(--f-title);font-weight:600;font-size:clamp(32px,4.2vw,52px);line-height:1.04;letter-spacing:-.032em;color:var(--ink);max-width:820px;margin-bottom:24px;text-wrap:balance}\n#lpapi .api-h3{font-family:var(--f-title);font-weight:600;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.025em;color:var(--ink)}\n#lpapi .api-lead{font-size:19px;line-height:1.6;color:var(--soft);max-width:680px;margin-bottom:20px;text-wrap:pretty}\n#lpapi .api-lead strong{color:var(--ink);font-weight:700}\n#lpapi .api-card-num{font-family:var(--f-mono);font-size:12px;color:#8A93AB;letter-spacing:.02em}\n#lpapi .api-card-title{font-family:var(--f-title);font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}\n#lpapi .api-card-text{font-size:16px;line-height:1.6;color:var(--soft)}\n#lpapi .api-tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--f-mono);font-size:12.5px;color:var(--signal-ink);background:#fff;border:1px solid var(--line-2);padding:5px 10px;border-radius:7px}\n#lpapi .api-tag::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px rgba(22,138,255,.15)}\n\n\/* Boutons *\/\n#lpapi .api-btn-primary,#lpapi .api-btn-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-body);font-weight:700;font-size:16px;line-height:1.2;padding:16px 26px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s,border-color .25s,color .25s;text-align:center}\n#lpapi .api-btn-primary{color:#fff;background:linear-gradient(180deg,#3B76F0 0%,var(--action) 55%,#1F59DD 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(4,21,69,.25),0 10px 28px -8px rgba(37,99,235,.65)}\n#lpapi .api-btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(4,21,69,.25),0 18px 40px -10px rgba(37,99,235,.8)}\n#lpapi .api-btn-primary:active{transform:translateY(0)}\n#lpapi .api-btn-secondary{background:#fff;color:var(--ink);border-color:var(--line-2);box-shadow:var(--sh-1)}\n#lpapi .api-btn-secondary:hover{border-color:var(--signal);color:var(--signal-ink);transform:translateY(-2px)}\n#lpapi .api-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}\n\n\/* ---------- Header ---------- *\/\n#lpapi .api-header{position:fixed;inset:0 0 auto;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:background-color .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;border-bottom:1px solid transparent}\n#lpapi .api-header.scrolled{background:rgba(4,21,69,.78);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-color:rgba(140,203,255,.12);box-shadow:0 10px 30px -12px rgba(2,11,41,.5)}\n#lpapi .api-header-in{max-width:var(--container);margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}\n#lpapi .api-logo{display:block;width:124px;height:auto}\n#lpapi .api-nav{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;border:1px solid rgba(140,203,255,.14);background:rgba(255,255,255,.04)}\n#lpapi .api-nav a{font-size:14px;font-weight:600;color:rgba(255,255,255,.74);white-space:nowrap;padding:7px 13px;border-radius:999px;transition:color .2s,background-color .2s}\n#lpapi .api-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}\n#lpapi .api-header .api-btn-primary{flex:none;min-height:44px;padding:11px 18px;font-size:14px;white-space:nowrap;border-radius:10px}\n\n\/* ---------- Hero ---------- *\/\n#lpapi .api-hero{position:relative;overflow:hidden;color:#fff;background:\n  radial-gradient(900px 520px at 78% 30%,rgba(22,138,255,.32),transparent 62%),\n  radial-gradient(700px 500px at 8% 110%,rgba(37,99,235,.28),transparent 60%),\n  linear-gradient(180deg,var(--abyss) 0%,var(--ink) 70%,#06205E 100%)}\n#lpapi .api-hero::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(140,203,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(140,203,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 20%,transparent 75%);pointer-events:none}\n#lpapi .api-hero::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,rgba(2,11,41,.35));pointer-events:none}\n#lpapi .api-hero-grid{position:relative;z-index:1;max-width:var(--container);margin:0 auto;padding:168px 28px 128px;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}\n#lpapi .api-hero-surtitre{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--sky);padding:7px 14px 7px 10px;border-radius:999px;border:1px solid rgba(140,203,255,.22);background:rgba(22,138,255,.08);margin-bottom:28px}\n#lpapi .api-hero-surtitre::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(34,197,94,.18);animation:respire 2.4s var(--ease) infinite}\n#lpapi .api-hero h1{font-family:var(--f-title);font-weight:600;font-size:clamp(42px,6.2vw,80px);line-height:.98;letter-spacing:-.042em;color:#fff;margin-bottom:28px;text-wrap:balance}\n#lpapi .api-hero h1 span{display:block;background:linear-gradient(100deg,#BFE2FF 0%,#5FB0FF 40%,#168AFF 75%,#7C9CFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}\n#lpapi .api-hero-sous-titre{max-width:560px;font-size:19px;line-height:1.6;color:rgba(226,236,252,.74);margin-bottom:36px}\n#lpapi .api-hero-sous-titre strong{color:#fff;font-weight:600}\n#lpapi .api-hero .api-btn-primary{font-size:17px;padding:18px 28px}\n#lpapi .api-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}\n#lpapi .api-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:8px;border:1px solid rgba(140,203,255,.16);background:rgba(255,255,255,.04);font-family:var(--f-mono);font-size:13px;color:rgba(226,236,252,.86)}\n#lpapi .api-pill i{width:6px;height:6px;border-radius:2px;background:var(--live);display:block}\n#lpapi .api-pill:first-child i{background:var(--signal)}\n\n\/* entr\u00e9e orchestr\u00e9e du hero (une seule fois) *\/\n#lpapi .h-in{animation:monte .9s var(--ease) both}\n#lpapi .h-in.d1{animation-delay:.08s}#lpapi .h-in.d2{animation-delay:.16s}#lpapi .h-in.d3{animation-delay:.24s}#lpapi .h-in.d4{animation-delay:.32s}\n@keyframes monte{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes respire{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}\n\n\/* Le circuit *\/\n#lpapi .api-hero-schema{position:relative;padding:30px 28px;border-radius:24px;background:linear-gradient(180deg,rgba(11,42,107,.55),rgba(4,21,69,.65));border:1px solid rgba(140,203,255,.16);box-shadow:var(--sh-3),inset 0 1px 0 rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:monte 1.1s .35s var(--ease) both}\n#lpapi .api-hero-schema::before{content:\"\";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgba(140,203,255,.55),rgba(140,203,255,0) 35%,rgba(140,203,255,0) 65%,rgba(22,138,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}\n#lpapi .sch-chips{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}\n#lpapi .sch-chips.bas{margin:22px 0 0}\n#lpapi .sch-chip{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:#9FB2D8;padding:6px 11px;border-radius:7px;border:1px solid rgba(140,203,255,.16);background:rgba(2,11,41,.4);transition:all .3s}\n#lpapi .sch-chip.call{animation:evtVert 6s infinite}\n#lpapi .sch-chip.evt{animation:evtBleu 6s infinite}\n#lpapi .sch-chips:not(.bas) .sch-chip:nth-child(1){animation-delay:.5s}\n#lpapi .sch-chips:not(.bas) .sch-chip:nth-child(2){animation-delay:.9s}\n#lpapi .sch-chips.bas .sch-chip:nth-child(1){animation-delay:3.1s}\n#lpapi .sch-chips.bas .sch-chip:nth-child(2){animation-delay:3.35s}\n#lpapi .sch-chips.bas .sch-chip:nth-child(3){animation-delay:3.6s}\n#lpapi .sch-chips.bas .sch-chip:nth-child(4){animation-delay:3.9s}\n@keyframes evtVert{0%,100%{color:#9FB2D8;border-color:rgba(140,203,255,.16);background:rgba(2,11,41,.4);box-shadow:none}5%,24%{color:#BBF7D0;border-color:rgba(34,197,94,.6);background:rgba(34,197,94,.12);box-shadow:0 0 22px -4px rgba(34,197,94,.6)}36%{color:#9FB2D8;border-color:rgba(140,203,255,.16);background:rgba(2,11,41,.4);box-shadow:none}}\n@keyframes evtBleu{0%,100%{color:#9FB2D8;border-color:rgba(140,203,255,.16);background:rgba(2,11,41,.4);box-shadow:none}5%,24%{color:#DCEEFF;border-color:rgba(95,176,255,.7);background:rgba(22,138,255,.16);box-shadow:0 0 22px -4px rgba(22,138,255,.7)}36%{color:#9FB2D8;border-color:rgba(140,203,255,.16);background:rgba(2,11,41,.4);box-shadow:none}}\n#lpapi .sch-noeud{position:relative;width:100%;max-width:380px;padding:18px 22px;border-radius:16px;border:1px solid rgba(140,203,255,.18);background:linear-gradient(180deg,rgba(17,52,128,.7),rgba(11,42,107,.7));display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;animation:noeud 6s infinite}\n#lpapi .sch-noeud.api{animation-delay:1.2s;background:linear-gradient(180deg,#2F6EF0,#1F54D6);border-color:rgba(160,205,255,.6);box-shadow:0 18px 50px -12px rgba(37,99,235,.75),inset 0 1px 0 rgba(255,255,255,.25);animation-name:noeudApi}\n#lpapi .sch-noeud.tel{animation-delay:2.4s}\n#lpapi .sch-noeud.api::before,#lpapi .sch-noeud.api::after{content:\"\";position:absolute;inset:-1px;border-radius:17px;border:1px solid rgba(95,176,255,.6);opacity:0;animation:onde 6s 1.2s infinite var(--ease);pointer-events:none}\n#lpapi .sch-noeud.api::after{animation-delay:1.55s}\n@keyframes noeud{0%,100%{border-color:rgba(140,203,255,.18);box-shadow:none}6%,28%{border-color:rgba(140,203,255,.75);box-shadow:0 0 0 4px rgba(22,138,255,.12),0 0 40px -6px rgba(22,138,255,.55)}42%{border-color:rgba(140,203,255,.18);box-shadow:none}}\n@keyframes noeudApi{0%,100%{filter:brightness(1)}6%,28%{filter:brightness(1.18)}42%{filter:brightness(1)}}\n@keyframes onde{0%{opacity:.8;transform:scale(1)}30%,100%{opacity:0;transform:scale(1.12,1.5)}}\n#lpapi .sch-lib{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:#8FA6D4}\n#lpapi .sch-noeud.api .sch-lib,#lpapi .sch-noeud.api .sch-txt{color:#E3EEFF}\n#lpapi .sch-titre{font-family:var(--f-title);font-weight:600;font-size:24px;letter-spacing:-.01em;color:#fff;line-height:1.1}\n#lpapi .sch-txt{font-size:14px;color:#B6C6E6}\n#lpapi .sch-lien{position:relative;width:2px;height:46px;background:linear-gradient(180deg,rgba(140,203,255,.15),rgba(140,203,255,.45),rgba(140,203,255,.15));display:flex;align-items:center;justify-content:center}\n#lpapi .sch-fleche{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);border:1px solid rgba(140,203,255,.35);font-family:var(--f-mono);font-size:12px;line-height:1;color:var(--sky)}\n#lpapi .sch-pulse{position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(22,138,255,.45),0 0 18px 4px rgba(95,176,255,.9);opacity:0;animation:goutte 6s infinite var(--ease);z-index:2}\n#lpapi .sch-lien.l1 .sch-pulse{animation-delay:.6s}\n#lpapi .sch-lien.l2 .sch-pulse{animation-delay:1.8s}\n@keyframes goutte{0%{top:-4px;opacity:0}2%{opacity:1}12%{top:calc(100% - 4px);opacity:1}15%,100%{top:calc(100% - 4px);opacity:0}}\n\n\/* ---------- Probl\u00e8me ---------- *\/\n#lpapi .pb-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:72px;align-items:start}\n#lpapi .pb-grid .api-pile{grid-column:2;grid-row:1\/3}\n#lpapi .pb-grid .api-constat{grid-column:1;grid-row:2;margin-top:12px}\n#lpapi .pb-grid .api-h2{font-size:clamp(30px,3.6vw,46px)}\n#lpapi .api-constat{max-width:520px;font-family:var(--f-title);font-weight:600;font-size:22px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);margin-top:36px;padding-left:20px;border-left:3px solid var(--signal)}\n#lpapi .api-pile{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}\n#lpapi .api-pile .api-chip{position:relative;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#FAFCFF);font-size:15.5px;font-weight:600;color:var(--ink);transition:transform .35s var(--ease),border-color .25s}\n#lpapi .api-pile .api-chip::before{content:\"\";flex:none;width:8px;height:8px;border-radius:2px;background:var(--line-2);transition:background-color .25s}\n#lpapi .api-pile .api-chip:hover{transform:translateX(4px);border-color:var(--line-2)}\n#lpapi .api-pile .api-chip:hover::before{background:var(--signal)}\n#lpapi .api-pile .api-chip:nth-child(odd){margin-right:22px}\n#lpapi .api-pile .api-chip:nth-child(even){margin-left:22px}\n#lpapi .api-pile .api-chip.dash{margin:6px 0 0;border:1px dashed var(--signal);background:repeating-linear-gradient(135deg,var(--ice-2) 0 10px,#F3F8FF 10px 20px);color:var(--signal-ink)}\n#lpapi .api-pile .api-chip.dash::before{background:var(--signal)}\n#lpapi .api-callout{position:relative;overflow:hidden;margin-top:72px;padding:44px 48px;border-radius:var(--r-lg);background:radial-gradient(600px 240px at 90% 0%,rgba(22,138,255,.45),transparent 60%),linear-gradient(120deg,var(--abyss),var(--ink) 45%,var(--ink-2));box-shadow:var(--sh-3)}\n#lpapi .api-callout::after{content:\"\";position:absolute;left:48px;right:48px;bottom:0;height:2px;background:linear-gradient(90deg,var(--signal),transparent)}\n#lpapi .api-callout h3{position:relative;font-family:var(--f-title);font-weight:600;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.025em;color:#fff;max-width:760px}\n\n\/* ---------- Promesse ---------- *\/\n#lpapi .pr-tete{max-width:760px}\n#lpapi .api-accroche{margin-top:56px}\n#lpapi .api-sous-accroche{font-size:17px;color:var(--soft);margin-top:10px}\n#lpapi .saas-scene{position:relative;margin-top:36px;padding-right:180px}\n#lpapi .saas-fenetre{position:relative;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);overflow:hidden}\n#lpapi .saas-barre{display:flex;align-items:center;gap:7px;height:44px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FBFDFF,#F4F8FE)}\n#lpapi .saas-barre i{width:10px;height:10px;border-radius:50%;background:#D7E1F0}\n#lpapi .saas-barre b{margin-left:18px;height:20px;width:min(320px,40%);border-radius:6px;background:#EAF0F8}\n#lpapi .saas-corps{display:grid;grid-template-columns:64px 1fr}\n#lpapi .saas-side{border-right:1px solid var(--line);background:#FAFCFF;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 0}\n#lpapi .saas-side i{width:24px;height:24px;border-radius:7px;background:#E6EDF7}\n#lpapi .saas-side i:first-child{background:linear-gradient(135deg,var(--signal),var(--action))}\n#lpapi .grid-5{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:12px 300px 12px 12px}\n#lpapi .grid-5 .api-card{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:4px;align-items:start;padding:20px;border-radius:12px;transition:background-color .25s}\n#lpapi .grid-5 .api-card:hover{background:var(--ice)}\n#lpapi .grid-5 .api-card-num{grid-row:1\/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ice-2);color:var(--signal-ink);font-weight:500}\n#lpapi .grid-5 .api-card-title{font-size:18px}\n#lpapi .grid-5 .api-card-text{font-size:15px}\n#lpapi .grid-5 .api-card:last-child{grid-column:1\/-1}\n#lpapi .saas-webphone{position:absolute;right:0;top:50%;width:300px;transform:translateY(-46%);border-radius:28px;padding:9px;background:linear-gradient(160deg,#1A3B86,var(--abyss));box-shadow:var(--sh-3);}\n#lpapi .saas-webphone img{border-radius:20px;width:100%;height:auto;background:#fff}\n#lpapi .saas-webphone::before{content:\"\";position:absolute;left:-26px;top:50%;width:26px;height:2px;background:linear-gradient(90deg,transparent,var(--signal))}\n\n\/* ---------- Briques ---------- *\/\n#lpapi .br-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}\n#lpapi .br-tete > div{flex:1 1 560px}\n#lpapi .br-tete .api-lead{flex:0 1 380px;margin-bottom:6px;max-width:380px}\n#lpapi .grid-3{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1)}\n#lpapi .grid-3 .api-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:36px 32px 40px;background:#fff;--mx:50%;--my:0%}\n#lpapi .grid-3 .api-card::before{content:\"\";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(22,138,255,.09),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}\n#lpapi .grid-3 .api-card::after{content:\"\";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--signal),var(--action));transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}\n#lpapi .grid-3 .api-card:hover::before{opacity:1}\n#lpapi .grid-3 .api-card:hover::after{transform:scaleX(1)}\n#lpapi .grid-3 .api-card-num{order:-2}\n#lpapi .grid-3 .api-tag{order:-1;margin-bottom:14px}\n#lpapi .grid-3 .api-card-title{font-size:22px}\n\n\/* ---------- Fonctionnement ---------- *\/\n#lpapi .fx-tete{text-align:center;display:flex;flex-direction:column;align-items:center}\n#lpapi .fx-tete .api-h2{max-width:900px}\n#lpapi .grid-4.flux{position:relative;margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}\n#lpapi .grid-4.flux::before{content:\"\";position:absolute;left:12.5%;right:12.5%;top:23px;height:2px;background:linear-gradient(90deg,var(--line-2),var(--signal) 35%,var(--signal) 65%,var(--line-2))}\n#lpapi .grid-4.flux::after{content:\"\";position:absolute;top:19px;left:12.5%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(22,138,255,.5),0 0 16px 4px rgba(22,138,255,.6);animation:parcours 5s var(--ease) infinite}\n@keyframes parcours{0%{left:12.5%;opacity:0}6%{opacity:1}70%{left:calc(87.5% - 10px);opacity:1}78%,100%{left:calc(87.5% - 10px);opacity:0}}\n#lpapi .flux .api-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}\n#lpapi .flux .api-card-num{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--line-2);color:var(--ink);font-size:13px;font-weight:500;margin-bottom:12px;box-shadow:0 0 0 6px var(--ice)}\n#lpapi .flux .api-card.api .api-card-num{background:linear-gradient(180deg,#3B76F0,var(--action));border-color:transparent;color:#fff;box-shadow:0 0 0 6px var(--ice),0 10px 26px -6px rgba(37,99,235,.7)}\n#lpapi .flux .api-card-title{font-size:20px;max-width:240px}\n#lpapi .flux .api-card-text{font-size:15.5px;max-width:250px}\n#lpapi .flux .api-tag{align-self:center;margin-top:4px}\n#lpapi .api-resultat{position:relative;overflow:hidden;margin-top:80px;padding:56px;border-radius:28px;text-align:center;background:radial-gradient(500px 220px at 50% 0%,rgba(22,138,255,.4),transparent 70%),linear-gradient(180deg,var(--ink),var(--abyss));box-shadow:var(--sh-3)}\n#lpapi .api-resultat .lib{display:inline-block;font-size:14px;font-weight:700;color:var(--sky);margin-bottom:18px}\n#lpapi .api-resultat h3{font-family:var(--f-title);font-weight:600;font-size:clamp(28px,3.8vw,48px);line-height:1.06;letter-spacing:-.032em;color:#fff;max-width:820px;margin:0 auto 16px;text-wrap:balance}\n#lpapi .api-resultat p{font-size:18px;color:rgba(226,236,252,.74)}\n\n\/* ---------- Pourquoi ---------- *\/\n#lpapi .pq-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}\n#lpapi .pq-gauche{position:sticky;top:120px}\n#lpapi .pq-gauche .api-h2{font-size:clamp(30px,3.6vw,46px)}\n#lpapi .pq-liste{display:flex;flex-direction:column}\n#lpapi .pq-liste .api-card{display:grid;grid-template-columns:56px 1fr;column-gap:20px;row-gap:8px;padding:34px 0;border-top:1px solid var(--line)}\n#lpapi .pq-liste .api-card:last-child{border-bottom:1px solid var(--line)}\n#lpapi .pq-liste .api-card-num{grid-row:1\/3;padding-top:6px}\n#lpapi .pq-liste .api-card-title{font-size:24px;transition:color .25s}\n#lpapi .pq-liste .api-card:hover .api-card-title{color:var(--signal-ink)}\n\n\/* ---------- \u00c9quipes produit ---------- *\/\n#lpapi .api-produit{position:relative;overflow:hidden;color:#fff;background:radial-gradient(800px 420px at 50% 100%,rgba(22,138,255,.3),transparent 65%),linear-gradient(180deg,var(--abyss),var(--ink))}\n#lpapi .api-produit::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(140,203,255,.16) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);pointer-events:none}\n#lpapi .api-produit .api-container{position:relative;text-align:center;max-width:1000px}\n#lpapi .api-produit .api-kicker{color:var(--sky)}\n#lpapi .api-produit .api-h2{color:#fff;margin:0 auto 56px;max-width:860px}\n#lpapi .api-produit p{font-size:19px;color:rgba(226,236,252,.72)}\n#lpapi .api-produit .q-faux{font-family:var(--f-title);font-weight:600;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;color:rgba(226,236,252,.42);margin:14px 0 48px}\n#lpapi .api-produit .transition2{color:var(--sky);font-weight:700;font-size:16px;margin-bottom:18px}\n#lpapi .api-produit .q-vrai{font-family:var(--f-title);font-weight:600;font-size:clamp(30px,4.4vw,58px);line-height:1.05;letter-spacing:-.035em;background:linear-gradient(180deg,#fff 30%,#A9D4FF);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 auto 48px;max-width:940px;text-wrap:balance}\n#lpapi .api-produit p:last-child{max-width:640px;margin:0 auto;color:rgba(226,236,252,.86)}\n\n\/* ---------- \u00c9quipes techniques ---------- *\/\n#lpapi .et-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n#lpapi .et-grid .api-h2{font-size:clamp(30px,3.6vw,46px)}\n#lpapi .grid-4.et{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n#lpapi .grid-4.et .api-card{padding:22px;border-radius:var(--r-md);background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:border-color .25s,transform .35s var(--ease),box-shadow .35s var(--ease)}\n#lpapi .grid-4.et .api-card:hover{border-color:var(--line-2);transform:translateY(-3px);box-shadow:var(--sh-2)}\n#lpapi .grid-4.et .api-card-title{font-size:18px}\n#lpapi .grid-4.et .api-card-text{font-size:15px}\n#lpapi .term{border-radius:var(--r-lg);background:linear-gradient(180deg,#0A1B4D,var(--abyss));border:1px solid #17306E;box-shadow:var(--sh-3);overflow:hidden;font-family:var(--f-mono);font-size:14.5px;line-height:2}\n#lpapi .term-barre{display:flex;gap:7px;padding:15px 18px;border-bottom:1px solid rgba(140,203,255,.12)}\n#lpapi .term-barre i{width:10px;height:10px;border-radius:50%;background:rgba(140,203,255,.22)}\n#lpapi .term-corps{padding:30px 30px 34px;color:#B6C6E6}\n#lpapi .term-l{display:flex;gap:14px;white-space:nowrap;overflow:hidden;opacity:0;animation:ligne .5s var(--ease) forwards}\n#lpapi .term-l .p{color:#5A72A8}\n#lpapi .term-l .m{color:var(--sky)}\n#lpapi .term-l .ok{color:#86EFAC}\n#lpapi .term-l:nth-child(1){animation-delay:.2s}#lpapi .term-l:nth-child(2){animation-delay:.55s}#lpapi .term-l:nth-child(3){animation-delay:.9s}#lpapi .term-l:nth-child(4){animation-delay:1.25s}#lpapi .term-l:nth-child(5){animation-delay:1.6s}#lpapi .term-l:nth-child(6){animation-delay:1.95s}\n#lpapi .term-l .cur{display:inline-block;width:8px;height:16px;background:var(--sky);vertical-align:-3px;animation:clignote 1.1s steps(1) infinite}\n@keyframes ligne{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}\n@keyframes clignote{50%{opacity:0}}\n#lpapi .api-bloc-cta{margin-top:72px;padding:36px 40px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}\n#lpapi .api-bloc-cta h3{font-family:var(--f-title);font-weight:600;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.025em;color:var(--ink)}\n#lpapi .api-bloc-cta .api-actions{margin-top:0}\n\n\/* ---------- Cas d'usage ---------- *\/\n#lpapi .cas-grille{margin-top:56px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}\n#lpapi .cas-grille .api-card{grid-column:span 2;position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 28px 32px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);overflow:hidden;transition:border-color .3s,transform .4s var(--ease),box-shadow .4s var(--ease)}\n#lpapi .cas-grille .api-card:nth-child(1),#lpapi .cas-grille .api-card:nth-child(2){grid-column:span 3}\n#lpapi .cas-grille .api-card:nth-child(1){background:radial-gradient(420px 200px at 100% 0%,rgba(22,138,255,.12),transparent 70%),#fff}\n#lpapi .cas-grille .api-card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:var(--sh-2)}\n#lpapi .cas-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--ice-2);color:var(--signal-ink);margin-bottom:10px;transition:background-color .3s,color .3s}\n#lpapi .cas-ico svg{width:22px;height:22px}\n#lpapi .cas-grille .api-card:hover .cas-ico{background:var(--action);color:#fff}\n\n\/* ---------- Avant \/ Apr\u00e8s ---------- *\/\n#lpapi .ap-grille{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}\n#lpapi .ap-carte{position:relative;padding:40px;border-radius:26px;background:#fff;border:1px solid var(--line)}\n#lpapi .ap-carte.apres{background:radial-gradient(520px 260px at 100% 0%,rgba(22,138,255,.35),transparent 65%),linear-gradient(180deg,var(--ink),var(--abyss));border-color:#17306E;box-shadow:var(--sh-3);color:#fff}\n#lpapi .ap-lib{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:#F1F3F7;color:var(--mute);margin-bottom:22px}\n#lpapi .apres .ap-lib{background:rgba(34,197,94,.14);color:#86EFAC}\n#lpapi .ap-carte h2{font-family:var(--f-title);font-weight:600;font-size:clamp(26px,2.8vw,34px);line-height:1.1;letter-spacing:-.025em;color:var(--ink);margin-bottom:10px}\n#lpapi .apres h2{color:#fff}\n#lpapi .ap-intro{font-size:16px;color:var(--mute);margin-bottom:22px}\n#lpapi .apres .ap-intro{color:rgba(226,236,252,.7)}\n#lpapi .ap-flux{display:flex;flex-direction:column;align-items:flex-start}\n#lpapi .ap-etape{display:inline-flex;align-items:center;padding:11px 16px;border-radius:11px;font-size:15.5px;font-weight:600;border:1px solid var(--line);background:#FAFBFD;color:#4E5872}\n#lpapi .ap-fleche{display:block;width:16px;text-align:center;margin:3px 0 3px 18px;font-family:var(--f-mono);font-size:13px;line-height:1;color:#B3BDCF;transform:rotate(90deg)}\n\/* Avant : le d\u00e9tour hors du SaaS *\/\n#lpapi .avant .ap-etape:nth-child(3),#lpapi .avant .ap-etape:nth-child(5),#lpapi .avant .ap-etape:nth-child(7){margin-left:40px;border-style:dashed;background:#FFF7F8;border-color:#F6C9D3;color:#9B2C47}\n#lpapi .avant .ap-fleche:nth-child(4),#lpapi .avant .ap-fleche:nth-child(6){margin-left:58px}\n#lpapi .apres .ap-etape{border-color:rgba(140,203,255,.22);background:rgba(255,255,255,.05);color:#E3EEFF}\n#lpapi .apres .ap-etape:first-child,#lpapi .apres .ap-etape:last-child{background:#fff;color:var(--ink);border-color:#fff}\n#lpapi .apres .ap-etape:nth-child(5){background:linear-gradient(180deg,#3B76F0,var(--action));border-color:transparent;color:#fff;box-shadow:0 10px 26px -8px rgba(37,99,235,.9)}\n#lpapi .apres .ap-fleche{color:var(--sky)}\n#lpapi .ap-conclusion{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--f-title);font-weight:600;font-size:21px;letter-spacing:-.01em;color:#9B2C47}\n#lpapi .apres .ap-conclusion{border-color:rgba(140,203,255,.16);color:#86EFAC}\n#lpapi .api-benefices{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}\n#lpapi .api-benefices h3{display:flex;align-items:center;gap:16px;padding:26px 30px;border-radius:20px;background:#fff;border:1px solid var(--line);font-family:var(--f-title);font-weight:600;font-size:clamp(19px,2vw,24px);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}\n#lpapi .api-benefices h3::before{content:\"\";flex:none;width:30px;height:30px;border-radius:50%;background:var(--live) url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'\/%3E%3C\/svg%3E\") center\/16px no-repeat;box-shadow:0 0 0 5px rgba(34,197,94,.14)}\n\n\/* ---------- Votre projet ---------- *\/\n#lpapi .vp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}\n#lpapi .vp-grid .api-lead{margin-bottom:0}\n#lpapi .vp-grid .api-lead + .api-lead{margin-top:12px}\n#lpapi .vp-brief{padding:32px;border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,#FAFCFF);border:1px solid var(--line);box-shadow:var(--sh-2)}\n#lpapi .api-projet-liste-titre{font-family:var(--f-title);font-weight:600;font-size:21px;letter-spacing:-.01em;color:var(--ink);margin-bottom:18px}\n#lpapi .vp-brief .api-liste{display:flex;flex-direction:column;gap:2px}\n#lpapi .vp-brief .api-chip{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:10px;font-size:16px;font-weight:600;color:var(--ink);transition:background-color .2s}\n#lpapi .vp-brief .api-chip:hover{background:var(--ice)}\n#lpapi .vp-brief .api-chip::before{content:\"\";flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-2);background:#fff url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23168AFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'\/%3E%3C\/svg%3E\") center\/13px no-repeat}\n\n\/* ---------- FAQ ---------- *\/\n#lpapi .api-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}\n#lpapi .api-faq-gauche{position:sticky;top:120px}\n#lpapi .api-faq-gauche p:last-child{font-size:18px;color:var(--soft)}\n#lpapi .api-faq-liste{display:flex;flex-direction:column;gap:10px}\n#lpapi .faq-item{border-radius:var(--r-md);background:#fff;border:1px solid var(--line);transition:border-color .25s,box-shadow .35s var(--ease)}\n#lpapi .faq-item[open]{border-color:var(--line-2);box-shadow:var(--sh-2)}\n#lpapi .faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;font-family:var(--f-title);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}\n#lpapi .faq-q::-webkit-details-marker{display:none}\n#lpapi .faq-q:hover{color:var(--signal-ink)}\n#lpapi .faq-ico{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--ice-2);transition:background-color .25s,transform .45s var(--ease)}\n#lpapi .faq-ico::before,#lpapi .faq-ico::after{content:\"\";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--signal-ink);transition:transform .45s var(--ease)}\n#lpapi .faq-ico::after{transform:rotate(90deg)}\n#lpapi .faq-item[open] .faq-ico{background:var(--action);transform:rotate(180deg)}\n#lpapi .faq-item[open] .faq-ico::before,#lpapi .faq-item[open] .faq-ico::after{background:#fff}\n#lpapi .faq-item[open] .faq-ico::after{transform:rotate(0deg)}\n#lpapi .faq-a{padding:0 24px 24px}\n#lpapi .faq-a p{font-size:16.5px;line-height:1.65;color:var(--soft);max-width:640px}\n#lpapi .faq-item[open] .faq-a{animation:ouvre .45s var(--ease)}\n@keyframes ouvre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}\n\n\/* ---------- Contact ---------- *\/\n#lpapi .api-contact{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 500px at 85% 20%,rgba(22,138,255,.35),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(37,99,235,.25),transparent 60%),linear-gradient(180deg,var(--ink),var(--abyss))}\n#lpapi .api-contact::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(140,203,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(140,203,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}\n#lpapi .api-contact-in{position:relative;max-width:var(--container);margin:0 auto;padding:128px 28px 40px;display:grid;grid-template-columns:1.05fr .95fr;column-gap:72px;row-gap:56px;align-items:start}\n#lpapi .api-contact .api-kicker{color:var(--sky)}\n#lpapi .api-contact h2{font-family:var(--f-title);font-weight:600;font-size:clamp(36px,4.4vw,56px);line-height:1;letter-spacing:-.04em;color:#fff;margin-bottom:28px}\n#lpapi .api-contact-intro{font-size:19px;line-height:1.6;color:rgba(226,236,252,.74);max-width:540px}\n#lpapi .api-contact-intro strong{color:#fff;font-weight:600}\n#lpapi .api-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}\n#lpapi .api-contact .api-btn-secondary{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(140,203,255,.28);box-shadow:none}\n#lpapi .api-contact .api-btn-secondary:hover{background:rgba(255,255,255,.12);border-color:var(--sky);color:#fff}\n#lpapi .api-form{position:relative;grid-row:span 2;padding:36px;border-radius:24px;background:#fff;color:var(--text);box-shadow:0 0 0 1px rgba(140,203,255,.3),0 0 0 10px rgba(140,203,255,.06),0 50px 100px -30px rgba(0,0,0,.6)}\n#lpapi .api-form::before{content:\"\";position:absolute;left:36px;right:36px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--signal),var(--action))}\n#lpapi .api-form-lib{font-family:var(--f-title);font-weight:600;font-size:24px;letter-spacing:-.015em;color:var(--ink);margin-bottom:22px}\n\/* Formulaire HubSpot \u2014 embed d\u00e9veloppeur (HTML brut, aucun style HubSpot) *\/\n#lpapi .hs-form-html{min-height:0}\n#lpapi .hs-form-html form{display:flex;flex-direction:column;gap:14px;margin:0}\n#lpapi .hs-form-html fieldset{border:0;padding:0;margin:0;min-width:0;max-width:none!important;display:flex;flex-wrap:wrap;gap:14px 10px}\n#lpapi .hs-form-html fieldset > *{flex:1 1 180px;min-width:0}\n#lpapi .hs-form-html label{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink);margin-bottom:6px}\n#lpapi .hs-form-html input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),#lpapi .hs-form-html select,#lpapi .hs-form-html textarea{width:100%!important;max-width:100%;min-height:48px;font:inherit;font-size:16px;color:var(--text);padding:13px 15px;border-radius:var(--r-sm);border:1px solid var(--line-2);background-color:#FAFCFF;transition:border-color .2s,box-shadow .2s,background-color .2s;-webkit-appearance:none;appearance:none}\n#lpapi .hs-form-html select{background:#FAFCFF url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5573' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M7 10l5 5 5-5'\/%3E%3C\/svg%3E\") right 10px center\/16px no-repeat;padding-right:32px}\n#lpapi .hs-form-html textarea{min-height:110px;resize:vertical}\n#lpapi .hs-form-html input::placeholder,#lpapi .hs-form-html textarea::placeholder{color:#7D879E}\n#lpapi .hs-form-html input:focus,#lpapi .hs-form-html select:focus,#lpapi .hs-form-html textarea:focus{outline:none;border-color:var(--signal);background-color:#fff;box-shadow:0 0 0 4px rgba(22,138,255,.15)}\n#lpapi .hs-form-html input[type=checkbox],#lpapi .hs-form-html input[type=radio]{width:18px;height:18px;margin:2px 10px 0 0;flex:none;accent-color:var(--action);vertical-align:top}\n#lpapi .hs-form-html ul{list-style:none;margin:0;padding:0}\n#lpapi .hs-form-html li label,#lpapi .hs-form-html label:has(input[type=checkbox]){display:flex;align-items:flex-start;font-weight:500;font-size:14px;color:var(--soft);cursor:pointer}\n#lpapi .hs-form-html p,#lpapi .hs-form-html small,#lpapi .hs-form-html .legal-consent-container,#lpapi .hs-form-html [class*=\"Rich\"]{font-size:13px;line-height:1.55;color:var(--mute);margin:0}\n#lpapi .hs-form-html p strong{color:var(--soft)}\n#lpapi .hs-form-html a{color:var(--signal-ink);text-decoration:underline}\n#lpapi .hs-form-html [role=alert],#lpapi .hs-form-html .hs-error-msg,#lpapi .hs-form-html .hs-error-msgs label,#lpapi .hs-form-html [class*=\"Error\"]{font-size:13px;font-weight:600;color:#C81E4A;margin-top:6px}\n#lpapi .hs-form-html input[aria-invalid=true],#lpapi .hs-form-html .invalid{border-color:#E8305E!important}\n#lpapi .hs-form-html [type=submit],#lpapi .hs-form-html button[type=submit],#lpapi .hs-form-html button:not([type]){width:100%;margin-top:8px;font-family:var(--f-body);font-weight:700;font-size:17px;line-height:1.2;padding:17px;border:0;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3B76F0 0%,var(--action) 55%,#1F59DD 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(4,21,69,.25),0 10px 28px -8px rgba(37,99,235,.65);transition:transform .35s var(--ease),box-shadow .35s var(--ease);-webkit-appearance:none;appearance:none}\n#lpapi .hs-form-html [type=submit]:hover,#lpapi .hs-form-html button:hover{transform:translateY(-2px)}\n#lpapi .hs-form-html [type=submit]:focus-visible,#lpapi .hs-form-html button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}\n#lpapi .api-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-self:end}\n#lpapi .api-carte-contact{padding:18px 20px;border-radius:var(--r-md);border:1px solid rgba(140,203,255,.16);background:rgba(255,255,255,.04);transition:border-color .25s,background-color .25s}\n#lpapi .api-carte-contact:hover{border-color:rgba(140,203,255,.35);background:rgba(255,255,255,.07)}\n#lpapi .api-carte-contact .lib{font-size:13px;font-weight:600;color:rgba(226,236,252,.6);margin-bottom:4px}\n#lpapi .api-carte-contact .val{font-size:16px;font-weight:600;color:#fff;overflow-wrap:anywhere}\n#lpapi .api-pied{grid-column:1\/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(140,203,255,.14)}\n#lpapi .api-pied img{width:110px;height:auto}\n#lpapi .api-pied .slogan{font-size:15px;color:rgba(226,236,252,.7)}\n#lpapi .api-pied .badges{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}\n#lpapi .api-pied .badge{font-family:var(--f-mono);font-size:12px;color:rgba(226,236,252,.75);padding:6px 11px;border-radius:7px;border:1px solid rgba(140,203,255,.16)}\n\n\/* CTA flottant *\/\n#lpapi .api-cta-flottant{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:55;opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--ease)}\n#lpapi .api-cta-flottant.show{opacity:1;transform:none;pointer-events:auto}\n#lpapi .api-cta-flottant .api-btn-primary{border-radius:999px;padding:15px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 6px rgba(37,99,235,.14),0 20px 40px -10px rgba(4,21,69,.55)}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width:1340px){\n  #lpapi .api-nav a{padding:7px 10px;font-size:13.5px}\n}\n@media (max-width:1180px){\n  #lpapi .api-nav{display:none}\n}\n@media (max-width:1199px){\n  #lpapi .api-hero-grid{gap:48px}\n  #lpapi .grid-5{padding-right:56px}\n  #lpapi .grid-4.et{grid-template-columns:1fr}\n  #lpapi .saas-scene{padding-right:0}\n  #lpapi .saas-fenetre{margin-right:220px}\n  #lpapi .saas-webphone{width:260px}\n}\n@media (max-width:991px){\n  #lpapi .api-container{padding:96px 24px}\n  #lpapi .api-nav{display:none}\n  #lpapi .api-hero-grid{grid-template-columns:1fr;padding:132px 24px 96px;gap:56px}\n  #lpapi .api-hero-schema{max-width:520px;width:100%;margin:0 auto}\n  #lpapi .pb-grid .api-pile,#lpapi .pb-grid .api-constat{grid-column:auto;grid-row:auto}\n  #lpapi .pb-grid .api-constat{margin-top:40px}\n  #lpapi .pb-grid,#lpapi .pq-grid,#lpapi .et-grid,#lpapi .vp-grid,#lpapi .api-faq-grid{grid-template-columns:1fr;gap:48px}\n  #lpapi .pq-gauche,#lpapi .api-faq-gauche{position:static}\n  #lpapi .saas-fenetre{margin-right:0}\n  #lpapi .saas-webphone{position:relative;top:auto;right:auto;transform:none;margin:28px auto 0;width:240px}\n  #lpapi .saas-webphone::before{display:none}\n  #lpapi .grid-3{grid-template-columns:1fr 1fr}\n  #lpapi .grid-4.flux{grid-template-columns:1fr 1fr;row-gap:48px}\n  #lpapi .grid-4.flux::before,#lpapi .grid-4.flux::after{display:none}\n  #lpapi .cas-grille .api-card,#lpapi .cas-grille .api-card:nth-child(1),#lpapi .cas-grille .api-card:nth-child(2){grid-column:span 3}\n  #lpapi .cas-grille .api-card:last-child{grid-column:1\/-1}\n  #lpapi .api-cartes{grid-template-columns:1fr 1fr}\n  #lpapi .grid-5{padding-right:12px}\n  #lpapi .grid-4.et{grid-template-columns:1fr 1fr}\n  #lpapi .ap-carte{padding:32px 26px}\n  #lpapi .api-contact-in{grid-template-columns:1fr;padding:96px 24px 40px}\n  #lpapi .api-form{grid-row:auto}\n}\n@media (max-width:767px){\n  #lpapi{font-size:16px}\n  #lpapi .api-container{padding:72px 20px}\n  #lpapi .api-header-in{padding:12px 16px}\n  #lpapi .api-logo{width:108px}\n  #lpapi .api-header .api-btn-primary{padding:13px 14px;font-size:13.5px;min-height:44px}\n  #lpapi .api-hero-grid{padding:112px 20px 72px}\n  #lpapi .api-hero-sous-titre,#lpapi .api-lead,#lpapi .api-contact-intro{font-size:17px}\n  #lpapi .api-hero .api-btn-primary,#lpapi .api-actions .api-btn-primary,#lpapi .api-actions .api-btn-secondary,#lpapi .api-contact-actions a{width:100%}\n  #lpapi .api-btn-primary,#lpapi .api-btn-secondary{padding-left:16px;padding-right:16px}\n  #lpapi .api-hero-surtitre{font-size:13px;padding:6px 12px 6px 9px;gap:8px}\n  #lpapi .api-hero-schema{padding:22px 16px;border-radius:20px}\n  #lpapi .sch-titre{font-size:20px}\n  #lpapi .sch-chip{font-size:12px;padding:5px 8px}\n  #lpapi .sch-lib{font-size:12px}\n  #lpapi .pb-grid{gap:36px}\n  #lpapi .api-pile .api-chip:nth-child(odd),#lpapi .api-pile .api-chip:nth-child(even){margin:0}\n  #lpapi .api-callout{margin-top:48px;padding:30px 24px}\n  #lpapi .api-callout::after{left:24px;right:24px}\n  #lpapi .saas-corps{grid-template-columns:1fr}\n  #lpapi .saas-side{display:none}\n  #lpapi .grid-5{grid-template-columns:1fr;padding:8px}\n  #lpapi .grid-5 .api-card{padding:16px 12px}\n  #lpapi .saas-webphone{width:220px;margin-top:24px}\n  #lpapi .grid-3{grid-template-columns:1fr;margin-top:40px}\n  #lpapi .ap-grille,#lpapi .api-benefices{grid-template-columns:1fr}\n  #lpapi .grid-3 .api-card{padding:28px 22px 30px}\n  #lpapi .grid-4.flux{grid-template-columns:1fr;row-gap:36px;margin-top:48px}\n  #lpapi .api-resultat{margin-top:56px;padding:40px 22px;border-radius:22px}\n  #lpapi .pq-liste .api-card{grid-template-columns:1fr;padding:26px 0}\n  #lpapi .pq-liste .api-card-num{grid-row:auto;padding:0}\n  #lpapi .grid-4.et{grid-template-columns:1fr}\n  #lpapi .term{font-size:12px}\n  #lpapi .term-corps{padding:18px}\n  #lpapi .api-bloc-cta{padding:28px 22px;margin-top:48px}\n  #lpapi .api-bloc-cta .api-actions{width:100%}\n  #lpapi .cas-grille{grid-template-columns:1fr}\n  #lpapi .cas-grille .api-card,#lpapi .cas-grille .api-card:nth-child(1),#lpapi .cas-grille .api-card:nth-child(2),#lpapi .cas-grille .api-card:last-child{grid-column:auto}\n  #lpapi .ap-carte{padding:28px 22px;border-radius:22px}\n  #lpapi .avant .ap-etape:nth-child(3),#lpapi .avant .ap-etape:nth-child(5),#lpapi .avant .ap-etape:nth-child(7){margin-left:24px}\n  #lpapi .avant .ap-fleche:nth-child(4),#lpapi .avant .ap-fleche:nth-child(6){margin-left:42px}\n  #lpapi .api-benefices h3{padding:22px}\n  #lpapi .vp-brief{padding:22px 16px}\n  #lpapi .faq-q{font-size:17px;padding:18px}\n  #lpapi .faq-a{padding:0 18px 20px}\n  #lpapi .api-contact-in{padding:72px 20px 32px;row-gap:40px}\n  #lpapi .api-form{padding:26px 20px}\n  #lpapi .api-cartes{grid-template-columns:1fr}\n  #lpapi .api-pied .badges{margin-left:0}\n  #lpapi .api-cta-flottant{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}\n  #lpapi .api-cta-flottant .api-btn-primary{width:100%}\n}\n@media (max-width:380px){\n  #lpapi .api-header .api-btn-primary{padding:12px 11px;font-size:12.5px}\n  #lpapi .sch-chips{gap:6px}\n  #lpapi .saas-webphone{width:200px}\n}\n@media (prefers-reduced-motion:reduce){\n  #lpapi *,#lpapi *::before,#lpapi *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important}\n  html{scroll-behavior:auto}\n  #lpapi .grid-4.flux::after,#lpapi .sch-pulse,#lpapi .sch-noeud.api::before,#lpapi .sch-noeud.api::after{display:none}\n}\n\n\/* HubSpot \u2014 balisage r\u00e9el du formulaire (classes hsfc-) *\/\n#lpapi .hs-form-html .hsfc-Step__Content{display:block}\n#lpapi .hs-form-html .hsfc-FieldLabel:has(> span:empty:only-child){display:none}\n#lpapi .hs-form-html .hsfc-DataPrivacyField{display:flex;flex-direction:column;gap:10px;margin-top:4px}\n#lpapi .hs-form-html .hsfc-CheckboxField label{display:flex;align-items:flex-start;gap:0;font-weight:500;font-size:13.5px;color:var(--soft);cursor:pointer;margin:0}\n#lpapi .hs-form-html .hsfc-CheckboxField label p{font-size:13.5px;color:var(--soft)}\n#lpapi .hs-form-html .hsfc-NavigationRow{margin-top:8px}\n#lpapi .hs-form-html .hsfc-PhoneInput{position:relative;display:flex;align-items:stretch;gap:8px}\n#lpapi .hs-form-html .hsfc-PhoneInput > input{flex:1 1 auto;min-width:0}\n#lpapi .hs-form-html .hsfc-PhoneInput__FlagAndCaret{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#FAFCFF;cursor:pointer;font-size:20px;line-height:1;transition:border-color .2s,box-shadow .2s}\n#lpapi .hs-form-html .hsfc-PhoneInput__FlagAndCaret:hover,#lpapi .hs-form-html .hsfc-PhoneInput__FlagAndCaret:focus-visible{border-color:var(--signal);outline:none;box-shadow:0 0 0 4px rgba(22,138,255,.15)}\n#lpapi .hs-form-html .hsfc-PhoneInput__FlagAndCaret__Caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--soft)}\n#lpapi .hs-form-html .hsfc-DropdownOptions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;padding:8px;border-radius:12px;background:#fff;border:1px solid var(--line-2);box-shadow:var(--sh-2)}\n#lpapi .hs-form-html .hsfc-DropdownOptions__Search input{min-height:42px!important;padding:10px 12px!important;font-size:15px!important}\n#lpapi .hs-form-html .hsfc-DropdownOptions__List{max-height:260px;overflow-y:auto;margin-top:6px;overscroll-behavior:contain}\n#lpapi .hs-form-html .hsfc-DropdownOptions__List__ListItem{padding:9px 10px;border-radius:8px;font-size:14.5px;color:var(--text);cursor:pointer}\n#lpapi .hs-form-html .hsfc-DropdownOptions__List__ListItem:hover,#lpapi .hs-form-html .hsfc-DropdownOptions__List__ListItem:focus{background:var(--ice);outline:none}\n#lpapi .hs-form-html .hsfc-DropdownOptions__List__ListItem--selected{background:var(--ice-2);font-weight:700;color:var(--ink)}\n#lpapi .hs-form-html .hsfc-ErrorAlert{font-size:13px;font-weight:600;color:#C81E4A;margin-top:6px}\n\n\/* Barre d'administration WordPress (visible seulement connect\u00e9) : le header ne passe plus dessous *\/\nbody.admin-bar #lpapi .api-header{top:32px}\n@media (max-width:782px){body.admin-bar #lpapi .api-header{top:46px}}\n@media (max-width:600px){body.admin-bar #lpapi .api-header{top:0}}\n\n\/* Formulaire compact \u2014 neutralise les espacements par d\u00e9faut de HubSpot (BaseStyle) *\/\n#lpapi .hs-form-html{\n  --hsf-background__padding:0;\n  --hsf-row__vertical-spacing:12px;\n  --hsf-module__vertical-spacing:6px;\n  --hsf-field-checkbox__padding:0;\n}\n#lpapi .hs-form-html .hsfc-Form,#lpapi .hs-form-html .hsfc-Step,#lpapi .hs-form-html .hsfc-Step__Content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}\n#lpapi .hs-form-html .hsfc-Row{margin-bottom:12px}\n#lpapi .hs-form-html .hsfc-Step__Content > .hsfc-Row:has(.hsfc-DataPrivacyField){margin-top:16px}\n#lpapi .hs-form-html .hsfc-DataPrivacyField{gap:0}\n#lpapi .hs-form-html .hsfc-DataPrivacyField > .hsfc-Row{margin:0 0 8px!important}\n#lpapi .hs-form-html .hsfc-DataPrivacyField > .hsfc-Row:last-child{margin-bottom:0!important}\n#lpapi .hs-form-html .hsfc-RichText,#lpapi .hs-form-html .hsfc-RichText p,#lpapi .hs-form-html .hsfc-CheckboxField label p{font-size:12.5px;line-height:1.5}\n#lpapi .hs-form-html .hsfc-CheckboxField label{align-items:flex-start;justify-content:flex-start;gap:10px}\n#lpapi .hs-form-html .hsfc-CheckboxField label > span{margin:0;flex-grow:1}\n#lpapi .hs-form-html input.hsfc-CheckboxInput,#lpapi .hs-form-html input[type=checkbox]{position:relative;flex:none;width:18px!important;height:18px!important;min-width:18px;min-height:0!important;margin:1px 0 0!important;padding:0!important;border:1.5px solid #B7C6DD!important;border-radius:5px;background:#fff!important;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none}\n#lpapi .hs-form-html input.hsfc-CheckboxInput:checked,#lpapi .hs-form-html input[type=checkbox]:checked{background:var(--action)!important;border-color:var(--action)!important}\n#lpapi .hs-form-html input.hsfc-CheckboxInput:checked::after{background-color:#fff}\n#lpapi .hs-form-html input[type=checkbox]:focus-visible{outline:2px solid var(--signal);outline-offset:2px}\n#lpapi .hs-form-html .hsfc-NavigationRow{margin-top:20px!important}\n#lpapi .hs-form-html .hsfc-NavigationRow__Alerts:empty{margin:0}\n#lpapi .hs-form-html .hsfc-TextInput{min-height:48px!important;padding:12px 15px!important}\n#lpapi .hs-form-html .hsfc-PhoneInput__FlagAndCaret{min-height:48px}\n#lpapi .hs-form-html [type=submit],#lpapi .hs-form-html button[type=submit]{min-height:52px;padding:15px 17px;margin-top:0}\n#lpapi .api-form-lib{margin-bottom:20px}\n\n\/* Colonne de gauche : cartes de contact juste sous les boutons *\/\n#lpapi .api-contact-in{grid-template-rows:auto 1fr;row-gap:40px}\n#lpapi .api-cartes{align-self:start}\n#lpapi .api-form{grid-column:2;grid-row:1 \/ span 2;padding:32px}\n@media (max-width:991px){#lpapi .api-form{grid-column:auto;grid-row:auto}}\n@media (max-width:767px){#lpapi .api-form{padding:24px}#lpapi .api-form-lib{font-size:21px;margin-bottom:16px}}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* LP Kavkom \u00ab API de t\u00e9l\u00e9phonie pour \u00e9diteurs SaaS \u00bb \u2014 JavaScript *\/\n(function(){\n  function init(){\n    if (!document.getElementById('top-header')) return;\n    var header = document.getElementById('top-header');\n    var cta = document.getElementById('cta-flottant');\n    var contact = document.getElementById('contact');\n    var ticking = false;\n    function onScroll(){\n      var y = window.scrollY || document.documentElement.scrollTop;\n      header.classList.toggle('scrolled', y > 12);\n      var formVisible = contact.getBoundingClientRect().top < window.innerHeight * 0.6;\n      cta.classList.toggle('show', y > 640 && !formVisible);\n      ticking = false;\n    }\n    window.addEventListener('scroll', function(){ if(!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});\n    onScroll();\n  \n    \/* Liens internes (#formulaire, #faq\u2026) : d\u00e9filement sur place, m\u00eame si l'URL\n       contient des param\u00e8tres (gclid de Google Ads) ou si le lien a \u00e9t\u00e9 rendu absolu *\/\n    document.getElementById('lpapi').addEventListener('click', function(e){\n      var a = e.target.closest ? e.target.closest('a[href*=\"#\"]') : null;\n      if (!a) return;\n      var u = new URL(a.href, location.href);\n      if (u.origin !== location.origin || u.pathname !== location.pathname || !u.hash) return;\n      var cible = document.getElementById(decodeURIComponent(u.hash.slice(1)));\n      if (!cible) return;\n      e.preventDefault();\n      cible.scrollIntoView({behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth'});\n      if (history.replaceState) history.replaceState(null, '', location.pathname + location.search + u.hash);\n    });\n\n    \/* Halo qui suit le pointeur sur les briques *\/\n    document.querySelectorAll('.grid-3 .api-card').forEach(function(card){\n      card.addEventListener('pointermove', function(e){\n        var r = card.getBoundingClientRect();\n        card.style.setProperty('--mx', (e.clientX - r.left) + 'px');\n        card.style.setProperty('--my', (e.clientY - r.top) + 'px');\n      });\n    });\n  \n  \n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); }\n})();\n<\/script> \n\n<!-- LP Kavkom \u00ab API de t\u00e9l\u00e9phonie pour \u00e9diteurs SaaS \u00bb \u2014 HTML -->\n\n<!-- ===================== HEADER ===================== -->\n<div id=\"lpapi\">\n<header class=\"api-header\" id=\"top-header\">\n  <div class=\"api-header-in\">\n    <img decoding=\"async\" data-no-lazy=\"1\" class=\"skip-lazy api-logo\" src=\"https:\/\/kavkom.com\/wp-content\/uploads\/2026\/10\/kavkom-logo-blanc-lp-api.webp\" alt=\"Kavkom\" width=\"124\" height=\"35\" fetchpriority=\"high\"\/>\n     <nav class=\"api-nav\" aria-label=\"Navigation de la page\">\n      <a href=\"#fonctionnalites\">Bricks<\/a>\n      <a href=\"#fonctionnement\">How It Works<\/a>\n      <a href=\"#equipes-techniques\">Technical Teams<\/a>\n      <a href=\"#cas-usage\">Use Cases<\/a>\n      <a href=\"https:\/\/api.kavkom.com\/docs\/\" target=\"_blank\" rel=\"noopener\">API Documentation<\/a>\n      <a href=\"#faq\">FAQ<\/a>\n    <\/nav>\n    <a class=\"api-btn-primary\" href=\"#formulaire\">Tell people about my project<\/a>\n  <\/div>\n<\/header>\n\n<main>\n\n<!-- ===================== HERO ===================== -->\n<section class=\"api-hero\" id=\"top\">\n  <div class=\"api-hero-grid\">\n    <div>\n      <p class=\"api-hero-surtitre h-in\">Telephony API for SaaS Providers<\/p>\n      <h1 class=\"h-in d1\">Integrate telephony <span>directly into your SaaS<\/span><\/h1>\n      <p class=\"api-hero-sous-titre h-in d2\"><strong>Add calls, phone numbers, and telephony features directly to your application using the Kavkom API.<\/strong> Avoid building an entire in-house telephony infrastructure and let your teams focus on what makes your product valuable.<\/p>\n      <div class=\"h-in d3\"><a class=\"api-btn-primary\" href=\"#formulaire\">Discuss my integration project<\/a><\/div>\n      <div class=\"api-hero-badges h-in d4\">\n        <span class=\"api-pill\"><i><\/i>API<\/span>\n        <span class=\"api-pill\"><i><\/i>Webhooks<\/span>\n        <span class=\"api-pill\"><i><\/i>WebRTC<\/span>\n        <span class=\"api-pill\"><i><\/i>Click-to-call<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"api-hero-schema\" role=\"img\" aria-label=\"Sch\u00e9ma : votre SaaS, API Kavkom, t\u00e9l\u00e9phonie\">\n      <div class=\"sch-chips\"><span class=\"sch-chip call\">CALL_STARTED<\/span><span class=\"sch-chip evt\">PHONE_NUMBER<\/span><\/div>\n      <div class=\"sch-noeud\"><span class=\"sch-lib\">01 \u00b7 YOUR APP<\/span><span class=\"sch-titre\">YOUR SAAS<\/span><span class=\"sch-txt\">\u201cCall this contact\u201d<\/span><\/div>\n      <div class=\"sch-lien l1\"><span class=\"sch-fleche\">\u2193<\/span><i class=\"sch-pulse\"><\/i><\/div>\n      <div class=\"sch-noeud api\"><span class=\"sch-lib\">02 \u00b7 API<\/span><span class=\"sch-titre\">KAVKOM API<\/span><span class=\"sch-txt\">Numbers \u00b7 Calls \u00b7 Events<\/span><\/div>\n      <div class=\"sch-lien l2\"><span class=\"sch-fleche\">\u2193<\/span><i class=\"sch-pulse\"><\/i><\/div>\n      <div class=\"sch-noeud tel\"><span class=\"sch-lib\">03 \u00b7 TELEPHONY LAYER<\/span><span class=\"sch-titre\">TELEPHONY<\/span><span class=\"sch-txt\">Infrastructure managed by Kavkom<\/span><\/div>\n      <div class=\"sch-chips bas\"><span class=\"sch-chip evt\">WEBHOOK<\/span><span class=\"sch-chip evt\">CLICK_TO_CALL<\/span><span class=\"sch-chip evt\">WEBRTC<\/span><span class=\"sch-chip call\">CALL_ENDED<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 01 LE PROBL\u00c8ME ===================== -->\n<section class=\"api-section soft\" id=\"probleme\">\n  <div class=\"api-container\">\n    <div class=\"pb-grid\">\n      <div>\n        <p class=\"api-kicker\">The Problem<\/p>\n        <h2 class=\"api-h2\">Why build an entire telephony infrastructure for your SaaS?<\/h2>\n        <p class=\"api-lead\">Do you want to add phone capabilities to your product? <strong>The challenge isn\u2019t just about letting your users make calls.<\/strong> You also need to manage:<\/p>\n      <\/div>\n      <div class=\"api-liste api-pile\">\n        <span class=\"api-chip\">Phone numbers<\/span>\n        <span class=\"api-chip\">Incoming and outgoing calls<\/span>\n        <span class=\"api-chip\">Phone events<\/span>\n        <span class=\"api-chip\">Notifications<\/span>\n        <span class=\"api-chip\">Workflows<\/span>\n        <span class=\"api-chip\">WebPhone<\/span>\n        <span class=\"api-chip\">Integrations<\/span>\n        <span class=\"api-chip\">Call History<\/span>\n        <span class=\"api-chip dash\">And all the infrastructure behind it<\/span>\n      <\/div>\n      <p class=\"api-constat\">Developing everything in-house can quickly tie up your technical teams on a project that isn\u2019t your core business.<\/p>\n    <\/div>\n    <div class=\"api-callout\"><h3>With Kavkom, you can integrate the telephony component into your product.<\/h3><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 02 LA PROMESSE ===================== -->\n<section class=\"api-section\" id=\"promesse\">\n  <div class=\"api-container\">\n     <div class=\"pr-tete\">\n      <p class=\"api-kicker\">The Promise<\/p>\n      <h2 class=\"api-h2\">Turn telephony into a native feature of your SaaS<\/h2>\n      <p class=\"api-lead\">No longer ask your users to leave your software to make a call. <strong>With Kavkom, you can integrate phone features directly into your product experience.<\/strong><\/p>\n    <\/div>\n    <h3 class=\"api-h3 api-accroche\">Your users stay within your SaaS.<\/h3>\n    <p class=\"api-sous-accroche\">In particular, they can:<\/p>\n    <div class=\"saas-scene\">\n      <div class=\"saas-fenetre\">\n        <div class=\"saas-barre\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><b><\/b><\/div>\n        <div class=\"saas-corps\">\n          <div class=\"saas-side\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n          <div class=\"grid-5\">\n            <div class=\"api-card\"><span class=\"api-card-num\">01<\/span><h3 class=\"api-card-title\">Make a Call<\/h3><p class=\"api-card-text\">From your own interface.<\/p><\/div>\n            <div class=\"api-card\"><span class=\"api-card-num\">02<\/span><h3 class=\"api-card-title\">Receive a call<\/h3><p class=\"api-card-text\">Without having to use multiple tools.<\/p><\/div>\n            <div class=\"api-card\"><span class=\"api-card-num\">03<\/span><h3 class=\"api-card-title\">Use a business number<\/h3><p class=\"api-card-text\">Directly from your platform.<\/p><\/div>\n            <div class=\"api-card\"><span class=\"api-card-num\">04<\/span><h3 class=\"api-card-title\">Trigger actions<\/h3><p class=\"api-card-text\">Based on phone events.<\/p><\/div>\n            <div class=\"api-card\"><span class=\"api-card-num\">05<\/span><h3 class=\"api-card-title\">Integrating Phone Systems with Workflows<\/h3><p class=\"api-card-text\">To automate call-related actions.<\/p><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"saas-webphone\"><img src=\"https:\/\/kavkom.com\/wp-content\/uploads\/2022\/02\/Webphone-V3.webp\" alt=\"Kavkom WebPhone\" width=\"752\" height=\"1332\" loading=\"lazy\" decoding=\"async\"\/><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 03 LES BRIQUES ===================== -->\n<section class=\"api-section soft\" id=\"fonctionnalites\">\n  <div class=\"api-container\">\n    <div class=\"br-tete\">\n       <div>\n        <p class=\"api-kicker\">Available Building Blocks<\/p>\n        <h2 class=\"api-h2\" style=\"margin-bottom:0\">The phone features your SaaS needs<\/h2>\n      <\/div>\n      <p class=\"api-lead\">Build your phone experience using Kavkom features.<\/p>\n    <\/div>\n    <div class=\"grid-3\">\n      <div class=\"api-card\"><span class=\"api-card-num\">01<\/span><h3 class=\"api-card-title\">Virtual Numbers<\/h3><p class=\"api-card-text\">Assign business phone numbers to your users and integrate them into your software environment.<\/p><span class=\"api-tag\">POST \/order \u00b7 type=did<\/span><\/div>\n      <div class=\"api-card\"><span class=\"api-card-num\">02<\/span><h3 class=\"api-card-title\">Incoming &#038; Outgoing Calls<\/h3><p class=\"api-card-text\">Let your users manage their calls directly from your product.<\/p><span class=\"api-tag\">POST \/active_call\/call<\/span><\/div>\n      <div class=\"api-card\"><span class=\"api-card-num\">03<\/span><h3 class=\"api-card-title\">Click-to-call<\/h3><p class=\"api-card-text\">Initiate a call directly from a profile, contact, or action within your app.<\/p><span class=\"api-tag\">click-to-call<\/span><\/div>\n      <div class=\"api-card\"><span class=\"api-card-num\">04<\/span><h3 class=\"api-card-title\">WebPhone \/ WebRTC<\/h3><p class=\"api-card-text\">Enable phone calls directly from a web interface, depending on the integration capabilities.<\/p><span class=\"api-tag\">SIP.js \u00b7 SimpleUser<\/span><\/div>\n      <div class=\"api-card\"><span class=\"api-card-num\">05<\/span><h3 class=\"api-card-title\">Webhooks &#038; Events<\/h3><p class=\"api-card-text\">Connect phone events to your SaaS workflows and features.<\/p><span class=\"api-tag\">Webhooks \u00b7 Events<\/span><\/div>\n      <div class=\"api-card\"><span class=\"api-card-num\">06<\/span><h3 class=\"api-card-title\">History &#038; Recordings<\/h3><p class=\"api-card-text\">Leverage call-related data within the user experience you provide, depending on available features.<\/p><span class=\"api-tag\">History \u00b7 Recordings<\/span><\/div>\n    <\/div>\n    <div class=\"api-actions\"><a class=\"api-btn-primary\" href=\"https:\/\/api.kavkom.com\/docs\/\" target=\"_blank\" rel=\"noopener\">Explore the API documentation<\/a><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 04 COMMENT \u00c7A FONCTIONNE ===================== -->\n<section class=\"api-section\" id=\"fonctionnement\">\n  <div class=\"api-container\">\n    <div class=\"fx-tete\">\n      <p class=\"api-kicker\">How does it work?<\/p>\n      <h2 class=\"api-h2\">Your SaaS. The Kavkom API. Telephony.<\/h2>\n    <\/div>\n    <div class=\"grid-4 flux\">\n      <div class=\"api-card step\"><span class=\"api-card-num\">01<\/span><h3 class=\"api-card-title\">Your Application<\/h3><p class=\"api-card-text\">Your user triggers an action from your SaaS.<\/p><span class=\"api-tag\">\u201cCall this contact\u201d<\/span><\/div>\n      <div class=\"api-card step api\"><span class=\"api-card-num\">02<\/span><h3 class=\"api-card-title\">Kavkom API<\/h3><p class=\"api-card-text\">Your application communicates with the Kavkom API.<\/p><\/div>\n      <div class=\"api-card step\"><span class=\"api-card-num\">03<\/span><h3 class=\"api-card-title\">Kavkom manages the telephony layer<\/h3><p class=\"api-card-text\">Kavkom handles the necessary telephony infrastructure.<\/p><\/div>\n      <div class=\"api-card step\"><span class=\"api-card-num\">04<\/span><h3 class=\"api-card-title\">The event is returned to your SaaS<\/h3><p class=\"api-card-text\">Your application can process the event and integrate it into your own workflow.<\/p><\/div>\n    <\/div>\n    <div class=\"api-resultat\"><span class=\"lib\">The result?<\/span><h3>Telephony becomes a core component of your product.<\/h3><p>Not just an extra piece of software that your users have to open in a separate window.<\/p><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 05 POURQUOI KAVKOM ===================== -->\n<section class=\"api-section soft\" id=\"pourquoi\">\n  <div class=\"api-container\">\n    <div class=\"pq-grid\">\n      <div class=\"pq-gauche\">\n        <p class=\"api-kicker\">Why Kavkom?<\/p>\n        <h2 class=\"api-h2\">You\u2019re developing your SaaS. Kavkom provides the telephony component.<\/h2>\n        <p class=\"api-lead\">Your competitive advantage doesn\u2019t lie in building a telecom infrastructure. <strong>It lies in your product, your user experience, and your ability to meet your customers\u2019 needs.<\/strong><\/p>\n        <p class=\"api-lead\" style=\"margin-bottom:0\">Kavkom lets you add a telephony layer to that experience.<\/p>\n      <\/div>\n      <div class=\"grid-2 pq-liste\">\n        <div class=\"api-card big\"><span class=\"api-card-num\">01<\/span><h3 class=\"api-card-title\">Focus your resources on your product<\/h3><p class=\"api-card-text\">Avoid unnecessarily tying up your teams with all the issues related to phone systems.<\/p><\/div>\n        <div class=\"api-card big\"><span class=\"api-card-num\">02<\/span><h3 class=\"api-card-title\">Integrate telephony into your user experience<\/h3><p class=\"api-card-text\">Your users stay within your environment and use phone features directly from your product.<\/p><\/div>\n        <div class=\"api-card big\"><span class=\"api-card-num\">03<\/span><h3 class=\"api-card-title\">Connect telephony to your workflows<\/h3><p class=\"api-card-text\">Leverage phone events to trigger your own actions and automations.<\/p><\/div>\n        <div class=\"api-card big\"><span class=\"api-card-num\">04<\/span><h3 class=\"api-card-title\">Enhance your offering<\/h3><p class=\"api-card-text\">Add a new functional dimension to your SaaS without having to turn your business into a telecom carrier.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 06 \u00c9QUIPES PRODUIT ===================== -->\n<section class=\"api-produit\" id=\"equipes-produit\">\n  <div class=\"api-container\">\n    <p class=\"api-kicker\">For Product Teams<\/p>\n    <h2 class=\"api-h2\">Add phone capabilities without distracting your team from your core product<\/h2>\n    <p>For a product team, the question isn\u2019t just:<\/p>\n    <p class=\"q-faux\">\u201cHow do we integrate a telephony API?\u201d<\/p>\n    <p class=\"transition2\">The real question is:<\/p>\n    <h3 class=\"q-vrai\">\u201cHow can we offer a seamless phone experience without rebuilding the entire infrastructure behind it?\u201d<\/h3>\n    <p>With Kavkom, you can integrate phone capabilities into your product roadmap while maintaining your own user experience.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ===================== 07 \u00c9QUIPES TECHNIQUES ===================== -->\n<section class=\"api-section soft\" id=\"equipes-techniques\">\n  <div class=\"api-container\">\n    <div class=\"et-grid\">\n      <div>\n        <p class=\"api-kicker\">For Technical Teams<\/p>\n        <h2 class=\"api-h2\">An API to integrate telephony into your application<\/h2>\n        <p class=\"api-lead\">Your technical team needs to be able to quickly understand the integration possibilities and identify the components needed for your project.<\/p>\n        <div class=\"grid-4 et\">\n          <div class=\"api-card\"><span class=\"api-card-num\">01<\/span><h3 class=\"api-card-title\">Technical Documentation<\/h3><p class=\"api-card-text\">Access the resources you need to understand the integration.<\/p><\/div>\n          <div class=\"api-card\"><span class=\"api-card-num\">02<\/span><h3 class=\"api-card-title\">API<\/h3><p class=\"api-card-text\">Connect your application to Kavkom\u2019s phone features.<\/p><\/div>\n          <div class=\"api-card\"><span class=\"api-card-num\">03<\/span><h3 class=\"api-card-title\">Webhooks<\/h3><p class=\"api-card-text\">Leverage phone events in your own workflows.<\/p><\/div>\n          <div class=\"api-card\"><span class=\"api-card-num\">04<\/span><h3 class=\"api-card-title\">WebRTC \/ WebPhone<\/h3><p class=\"api-card-text\">Where appropriate, integrate a phone experience directly into your web interface.<\/p><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"term\" aria-hidden=\"true\">\n        <div class=\"term-barre\"><i><\/i><i><\/i><i><\/i><\/div>\n        <div class=\"term-corps\">\n          <div class=\"term-l\"><span class=\"p\">\u2192<\/span><span class=\"m\">POST \/order \u00b7 type=did<\/span><\/div>\n          <div class=\"term-l\"><span class=\"p\">\u2192<\/span><span class=\"m\">POST \/active_call\/call<\/span><\/div>\n          <div class=\"term-l\"><span class=\"p\">\u2190<\/span><span class=\"ok\">CALL_STARTED<\/span><\/div>\n          <div class=\"term-l\"><span class=\"p\">\u2190<\/span><span>WEBHOOK<\/span><\/div>\n          <div class=\"term-l\"><span class=\"p\">\u2190<\/span><span class=\"ok\">CALL_ENDED<\/span><\/div>\n          <div class=\"term-l\"><span class=\"p\">\u203a<\/span><span class=\"cur\"><\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"api-bloc-cta\">\n      <h3>Need to go further?<\/h3>\n      <div class=\"api-actions\">\n        <a class=\"api-btn-primary\" href=\"https:\/\/api.kavkom.com\/docs\/\" target=\"_blank\" rel=\"noopener\">Check out the API documentation<\/a>\n        <a class=\"api-btn-secondary\" href=\"#formulaire\">Talk to an expert<\/a>\n      <\/div> \n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 08 CAS D'USAGE ===================== -->\n<section class=\"api-section\" id=\"cas-usage\">\n  <div class=\"api-container\">\n    <p class=\"api-kicker\">Use Cases<\/p>\n    <h2 class=\"api-h2\">Take Your SaaS to the Next Level<\/h2>\n    <div class=\"cas-grille\">\n      <div class=\"api-card\"><span class=\"cas-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"><\/circle><path d=\"M3 20c.6-3.4 3-5.5 6-5.5s5.4 2.1 6 5.5\"><\/path><path d=\"M16 4.5c1.7.5 3 2 3 3.8s-1.3 3.3-3 3.8M18.5 14.8c1.4.9 2.3 2.6 2.5 4.7\"><\/path><\/svg><\/span><h3 class=\"api-card-title\">CRM &#038; Sales<\/h3><p class=\"api-card-text\">Let your users call their prospects directly from your <a href=\"https:\/\/kavkom.com\/en\/articles\/telephony\/why-should-your-crm-be-linked-to-your-call-center-software\/\">CRM<\/a> and link call events to their contacts.<\/p><\/div>\n      <div class=\"api-card\"><span class=\"cas-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"3\"><\/rect><path d=\"M3 9h18M8 13h4M8 16h7\"><\/path><\/svg><\/span><h3 class=\"api-card-title\">Business Management Software<\/h3><p class=\"api-card-text\">Integrate calls into the business workflows your customers already use on a daily basis.<\/p><\/div>\n      <div class=\"api-card\"><span class=\"cas-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h11a2 2 0 012 2v6a2 2 0 01-2 2H9l-4 3.5V15H4a2 2 0 01-2-2V7a2 2 0 012-2z\"><\/path><path d=\"M19 9h1a2 2 0 012 2v5a2 2 0 01-2 2h-.5V21L16 18h-3\"><\/path><\/svg><\/span><h3 class=\"api-card-title\">Customer Relationship Management Platforms<\/h3><p class=\"api-card-text\">Add a phone layer directly into the customer relationship management experience.<\/p><\/div>\n      <div class=\"api-card\"><span class=\"cas-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z\"><\/path><path d=\"M4 7.5l8 4.5 8-4.5M12 12v9\"><\/path><\/svg><\/span><h3 class=\"api-card-title\">Industry-Specific SaaS<\/h3><p class=\"api-card-text\">Enhance your software with telephony features without having to build out the entire telecom infrastructure.<\/p><\/div>\n      <div class=\"api-card\"><span class=\"cas-ico\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><\/svg><\/span><h3 class=\"api-card-title\">Multi-user platforms<\/h3><p class=\"api-card-text\">Offer telephony features to your own users while maintaining your product environment.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 09 AVANT \/ APR\u00c8S ===================== -->\n<section class=\"api-section soft\" id=\"avant-apres\">\n  <div class=\"api-container\">\n    <p class=\"api-kicker\">Before \/ After<\/p>\n    <div class=\"grid-2 ap-grille\">\n      <div class=\"ap-carte avant\">\n        <span class=\"ap-lib\">Before<\/span>\n        <h2>Telephony as an external tool<\/h2>\n        <p class=\"ap-intro\">Your user must:<\/p>\n        <div class=\"ap-flux\">\n          <span class=\"ap-etape\">Your SaaS<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Leave your SaaS<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Open a phone app<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Make the call<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Return to your SaaS<\/span>\n        <\/div>\n        <p class=\"ap-conclusion\">This creates friction.<\/p>\n      <\/div>\n      <div class=\"ap-carte apres\">\n        <span class=\"ap-lib\">After<\/span>\n        <h2>Integrated Telephony<\/h2>\n        <p class=\"ap-intro\">The path becomes:<\/p>\n        <div class=\"ap-flux\">\n          <span class=\"ap-etape\">Your SaaS<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Phone call<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Kavkom API<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Event<\/span><span class=\"ap-fleche\">\u2192<\/span>\n          <span class=\"ap-etape\">Your SaaS<\/span>\n        <\/div>\n        <p class=\"ap-conclusion\">The experience remains centralized.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"api-benefices\">\n      <h3>Less friction for the user.<\/h3>\n      <h3>More control over the product experience.<\/h3>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 10 VOTRE PROJET ===================== -->\n<section class=\"api-section\" id=\"votre-projet\">\n  <div class=\"api-container\">\n    <div class=\"vp-grid\">\n      <div>\n        <p class=\"api-kicker\">Your Project<\/p>\n        <h2 class=\"api-h2\">Do you have an integration project?<\/h2>\n        <p class=\"api-lead\">Every SaaS solution has its own technical constraints, architecture, and use cases.<\/p>\n        <p class=\"api-lead\">Tell us about your project so we can determine how telephony can be integrated into your product.<\/p>\n        <div class=\"api-actions\">\n          <a class=\"api-btn-primary\" href=\"#formulaire\">Discuss my integration project<\/a>\n          <a class=\"api-btn-secondary\" href=\"https:\/\/api.kavkom.com\/docs\/\" target=\"_blank\" rel=\"noopener\">Explore the API documentation<\/a>\n        <\/div> \n      <\/div>\n      <div class=\"vp-brief\">\n        <h3 class=\"api-projet-liste-titre\">You can tell us about:<\/h3>\n        <div class=\"api-liste\">\n          <span class=\"api-chip sm\">Your SaaS<\/span>\n          <span class=\"api-chip sm\">Number of users<\/span>\n          <span class=\"api-chip sm\">Desired phone features<\/span>\n          <span class=\"api-chip sm\">Your current architecture<\/span>\n          <span class=\"api-chip sm\">Your use case<\/span>\n          <span class=\"api-chip sm\">Your technical constraints<\/span>\n          <span class=\"api-chip sm\">Your product roadmap<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 11 FAQ ===================== -->\n<section class=\"api-section soft\" id=\"faq\">\n  <div class=\"api-container\">\n    <div class=\"api-faq-grid\">\n      <div class=\"api-faq-gauche\">\n        <p class=\"api-kicker\">FAQ<\/p>\n        <h2 class=\"api-h2\">Frequently Asked Questions<\/h2>\n        <p>The basics before we talk.<\/p>\n      <\/div>\n      <div class=\"api-faq-liste\">\n         <details class=\"faq-item\" open=\"\">\n          <summary class=\"faq-q\">Is the Kavkom API suitable for SaaS providers?<span class=\"faq-ico\" aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"faq-a\"><p>The Kavkom API is designed to enable the integration of phone features into software environments. The specific integration options must be determined based on your project and the features currently available.<\/p><\/div>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">What features can I integrate?<span class=\"faq-ico\" aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"faq-a\"><p>Based on the features currently offered by Kavkom, integration may include virtual numbers, calls, click-to-call, WebPhone\/WebRTC, events, and Webhooks.<\/p><\/div>\n        <\/details> \n         <details class=\"faq-item\">\n          <summary class=\"faq-q\">Do I have to develop the entire telephony infrastructure myself?<span class=\"faq-ico\" aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"faq-a\"><p>The goal is precisely to allow you to rely on Kavkom for the telephony layer and focus your resources on your product. The exact technical details, however, depend on your architecture and your project.<\/p><\/div>\n        <\/details>\n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">Can I integrate telephony directly into my interface?<span class=\"faq-ico\" aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"faq-a\"><p>The goal of this offering is to enable you to integrate telephony features into your own app\u2019s user experience, based on the technical capabilities provided by Kavkom.<\/p><\/div>\n        <\/details> \n        <details class=\"faq-item\">\n          <summary class=\"faq-q\">My project requires a specific integration. Is that possible?<span class=\"faq-ico\" aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"faq-a\"><p>The easiest way is to present your architecture and requirements to the Kavkom team so we can determine the integration options best suited to your project.<\/p><\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== 12 CTA FINAL + FORMULAIRE ===================== -->\n<section class=\"api-contact\" id=\"contact\">\n  <div class=\"api-contact-in\">\n    <div class=\"api-contact-entete\">\n      <p class=\"api-kicker\">Let&#8217;s talk about your project<\/p>\n      <h2>Your SaaS. Your experience.<br\/>Integrated telephony.<\/h2>\n      <p class=\"api-contact-intro\"><strong>Don\u2019t build an entire phone system just to add a few features to your product.<\/strong> Integrate phone capabilities directly into your SaaS with Kavkom.<\/p>\n      <div class=\"api-contact-actions\">\n        <a class=\"api-btn-primary\" href=\"#formulaire\">Talk to a Kavkom expert<\/a>\n        <a class=\"api-btn-secondary\" href=\"https:\/\/api.kavkom.com\/docs\/\" target=\"_blank\" rel=\"noopener\">View the API documentation<\/a>\n      <\/div> \n    <\/div>\n\n    <!-- Formulaire HubSpot (embed d\u00e9veloppeur : HTML brut styl\u00e9 par la page) -->\n    <div class=\"api-form\" id=\"formulaire\">\n      <p class=\"api-form-lib\">Contact form<\/p>\n      <script src=\"https:\/\/js-eu1.hsforms.net\/forms\/embed\/developer\/25685107.js\" defer=\"defer\"><\/script>\n      <div class=\"hs-form-html\" data-region=\"eu1\" data-form-id=\"338049a5-391f-4bda-8252-8fed6fc25912\" data-portal-id=\"25685107\"><\/div>\n    <\/div>\n\n    <div class=\"api-cartes\">\n      <div class=\"api-carte-contact\"><p class=\"lib\">Website<\/p><p class=\"val\">kavkom.com<\/p><\/div>\n      <div class=\"api-carte-contact\"><p class=\"lib\">Phone<\/p><p class=\"val\">+33 1 78 90 26 98<\/p><\/div>\n      <div class=\"api-carte-contact\"><p class=\"lib\">Email<\/p><p class=\"val\">contact@kavkom.com<\/p><\/div>\n      <div class=\"api-carte-contact\"><p class=\"lib\">LinkedIn<\/p><p class=\"val\">\/company\/kavkom<\/p><\/div>\n    <\/div>\n\n    <div class=\"api-pied\">\n      <img src=\"https:\/\/kavkom.com\/wp-content\/uploads\/2026\/10\/kavkom-logo-blanc-lp-api.webp\" alt=\"Kavkom\" width=\"110\" height=\"31\" loading=\"lazy\" decoding=\"async\"\/>\n      <span class=\"slogan\">The telephony component of your SaaS.<\/span>\n      <div class=\"badges\"><span class=\"badge\">API \u00b7 Webhooks \u00b7 WebRTC<\/span><span class=\"badge\">Click-to-call<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<!-- CTA flottant -->\n<div class=\"api-cta-flottant\" id=\"cta-flottant\"><a class=\"api-btn-primary\" href=\"#formulaire\">Talking About My Project<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bricks How It Works Technical Teams Use Cases API Documentation FAQ Tell people about my project Telephony API for SaaS Providers Integrate telephony directly into your SaaS Add calls, phone numbers, and telephony features directly to your application using the Kavkom API. Avoid building an entire in-house telephony infrastructure and let your teams focus on [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[199],"tags":[],"class_list":["post-70939","post","type-post","status-publish","format-standard","hentry","category-api"],"acf":[],"_links":{"self":[{"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/posts\/70939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/comments?post=70939"}],"version-history":[{"count":3,"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/posts\/70939\/revisions"}],"predecessor-version":[{"id":71585,"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/posts\/70939\/revisions\/71585"}],"wp:attachment":[{"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/media?parent=70939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/categories?post=70939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kavkom.com\/en\/wp-json\/wp\/v2\/tags?post=70939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}