[hidden]{display:none!important}
/* Thèmes réels de l'appli Kitok */
:root{--hc-bg:#eef4fb;--hc-ink:#0f2741;--hc:#1d5fc2;--hc-soft:#e2edfb;--hc-band:#15365f;--hc-line:#d4e1f1;
--pr-bg:#fbf3e6;--pr-surf:#fffaf2;--pr-ink:#2d3a2f;--pr:#2f5d50;--pr-soft:#d7e6dc;--pr-line:#efe2cc;
--pi-bg:#f3eee6;--pi-surf:#fffcf7;--pi-ink:#22201d;--pi:#b5652f;--pi-soft:#f2dcc9;--pi-band:#22201d;--pi-band2:#2e2b27;--pi-bink:#f6eee2;--pi-line:#e6dccd}
/* Vidéos */
.vbtn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;font:700 15px Outfit,Arial,sans-serif;padding:10px 15px;border-radius:12px;background:var(--hc);color:#fff;margin-top:auto}
.vbtn::before{content:"";border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.vbtn small{font:600 12.5px Manrope,Arial,sans-serif;opacity:.85}
.vbtn.pr{background:var(--pr)}.vbtn.pi{background:var(--pi)}
.vlink{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font:700 15.5px Manrope,Arial,sans-serif;color:var(--hc);text-decoration:underline;text-underline-offset:3px}
.vlink::before{content:"";border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.vmini{order:7;display:block;margin:8px auto 0;background:none;border:0;cursor:pointer;color:var(--hc);font:700 14px Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
dialog#vdlg{border:0;padding:0;border-radius:24px;max-width:860px;width:calc(100% - 20px);max-height:calc(100% - 20px);box-shadow:0 30px 80px rgba(0,0,0,.45);background:#fff;color:#16181a}
dialog#vdlg::backdrop{background:rgba(10,14,20,.72)}
.vd{position:relative;display:grid;grid-template-columns:auto 1fr;gap:26px;padding:22px;align-items:center}
.vd video{display:block;height:min(74vh,640px);aspect-ratio:600/1298;width:auto;border-radius:26px;background:#111;box-shadow:0 0 0 8px #111}
.vd h2{font:800 25px/1.12 Outfit,Arial,sans-serif;margin:0 0 14px}
.vd dl{margin:0 0 16px;display:grid;gap:12px}.vd dt{font:800 12.5px Outfit,Arial;letter-spacing:.08em;text-transform:uppercase;color:#61666c}.vd dd{margin:2px 0 0;font:500 16px/1.5 Manrope,Arial}
.vd .x{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:50%;border:0;background:#f2f3f5;font:700 24px Outfit,Arial;cursor:pointer;z-index:2}
.vd .note{font:500 13px Manrope,Arial;color:#61666c;margin:12px 0 0}
@media(max-width:700px){.vd{grid-template-columns:1fr;gap:12px;padding:12px 12px 16px}.vd video{height:auto;width:min(100%,280px);margin:4px auto 0}.vd h2{font-size:20px;padding-right:42px}}
/* Héros */
.hero .ticks{margin-bottom:10px}
.launch b{font-size:19px}.launch small{display:block;color:#9aa3ad;font:500 13px Manrope,Arial;max-width:200px}
.screen iframe.demo-frame{border:0;background:#fff;display:block}
/* 3 étapes aux couleurs de l'appli */
.steps .card{display:flex;flex-direction:column;gap:2px}
.steps .card.t-h{background:var(--hc-bg);border-color:var(--hc-line)}.steps .card.t-h h3{color:var(--hc-band)}.steps .card.t-h .n{background:var(--hc)}
.steps .card.t-p{background:var(--pr-bg);border-color:var(--pr-line)}.steps .card.t-p h3{color:var(--pr)}.steps .card.t-p .n{background:var(--pr)}.steps .card.t-p .muted{color:#4d5e50}
.steps .card.t-c{background:var(--pi-band);border-color:var(--pi-band);color:var(--pi-bink)}.steps .card.t-c h3{color:#fff}.steps .card.t-c .n{background:var(--pi)}.steps .card.t-c .muted{color:#d8cdbd}
.pill3{align-self:flex-start;font:800 11.5px Outfit,Arial;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:99px;margin-bottom:6px}
.t-h .pill3{background:var(--hc-soft);color:var(--hc)}.t-p .pill3{background:var(--pr-soft);color:var(--pr)}.t-c .pill3{background:var(--pi);color:#fff}
.steps .card p{flex:1}
/* Légende des offres */
.layer.l1{background:var(--hc-soft);color:var(--hc-band);border:1px solid var(--hc-line)}
.layer.l2{background:var(--pr-bg);color:var(--pr);border:1px solid var(--pr-line)}
.layer.l3{background:var(--pi-band);color:var(--pi-bink);border:1px solid var(--pi-band)}.layer.l3 b{color:#f0b98f}
.incl{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
.incl span{font:700 11.5px Outfit,Arial;letter-spacing:.04em;padding:3px 8px;border-radius:99px}
.incl .h{background:var(--hc-soft);color:var(--hc)}.incl .p{background:var(--pr-soft);color:var(--pr)}.incl .c{background:var(--pi-band);color:#f0b98f}
.plan .pilline{order:1;font:700 13px Manrope,Arial;color:var(--pi);background:var(--pi-soft);border-radius:10px;padding:6px 9px;margin:6px 0 2px}
/* Upsell Pilotage collé aux offres */
.upsell{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:var(--pi-band);color:var(--pi-bink);border-radius:18px;padding:16px 20px;margin:4px 0 14px}
.upsell b{font:800 18px Outfit,Arial;color:#fff}.upsell .pp{color:#f0b98f;font:800 18px Outfit,Arial;white-space:nowrap}
.upsell p{margin:4px 0 0;font-size:14.5px;color:#d8cdbd}.upsell a,.upsell .lk{color:#f0b98f;font-weight:700;background:none;border:0;padding:0;font-size:14.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.upsell .sw{margin:0}.upsell .sw b{font-size:15px}
.sw input:checked+.track{background:var(--pi)}
@media(max-width:620px){.upsell{grid-template-columns:1fr;padding:14px 16px}}
/* Section Pilotage = thème Pilotage de l'appli */
.pil{background:var(--pi-bg);color:var(--pi-ink)}.pil h2{color:var(--pi-ink)}.pil .lead{color:#5a5248}
.pil .eyebrow{color:var(--pi)!important}
.pil-price{background:var(--pi-band);color:var(--pi-bink)}.pil-price .big{color:#fff}
.pil-price .vbtn{margin-top:12px}
.pgrid .card{background:var(--pi-surf);border-color:var(--pi-line)}.pgrid h3{color:var(--pi)}.pgrid p{color:#5a5248}
.mock{border-color:var(--pi-line);background:var(--pi-surf)}.mock small{color:#8a7f70}
.notes{color:#5a5248}
.pil .btn.pine{background:var(--pi)}
#exemple .story .card b{color:var(--pi)}
/* Simulateur */
.total{background:var(--hc-band)}
/* Fenêtre d'installation */
#installModal h3{font-size:22px}
.ig{border:1.5px solid var(--line);border-radius:14px;margin:10px 0;background:#fff}
.ig summary{list-style:none;cursor:pointer;padding:13px 14px;font:700 16px Outfit,Arial;display:flex;align-items:center;gap:8px}
.ig summary::-webkit-details-marker{display:none}
.ig summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--hc)}.ig[open] summary::after{content:"−"}
.ig .me{font:700 11.5px Manrope,Arial;background:var(--ok-soft);color:var(--ok);padding:3px 8px;border-radius:99px}
.ig[open]{border-color:var(--hc);background:var(--hc-bg)}
.ig ol{margin:0;padding:0 16px 14px 34px}.ig li{margin-bottom:8px}
/* Bouton flottant */
a.fab{display:inline-flex;align-items:center;gap:6px;text-decoration:none;min-height:50px;font-size:15px}
.legal-links{margin-top:10px;font-size:14px;display:flex;flex-wrap:wrap;gap:6px 14px}
/* Téléphone d'abord */
@media(max-width:620px){
 .sec{padding:44px 0}.hero{padding:26px 0 24px}.hero-g{gap:22px}
 .cta{margin:16px 0}.cta .btn{flex:1 1 100%}
 .phone{width:236px;border-radius:36px;padding:8px}.screen{border-radius:29px}
 .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:18px -20px;padding:4px 20px 10px}
 .steps .card{flex:0 0 82%;scroll-snap-align:center;padding:18px}
 .plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:12px -20px;padding:16px 20px 10px;align-items:stretch}
 .plan{flex:0 0 86%;scroll-snap-align:center}
 .layers{gap:6px}.layer{padding:9px 12px}
 .swipe{display:block!important}
 .pgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -20px;padding:0 20px 8px}.pgrid .card{flex:0 0 78%;scroll-snap-align:center}
 .mock-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:14px -20px;padding:0 20px 8px}.mock{flex:0 0 82%;scroll-snap-align:center}
 .story{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:18px -20px;padding:0 20px 8px}.story .card{flex:0 0 78%;scroll-snap-align:center}
 .pil-price .big{font-size:44px}
}
.swipe{display:none;text-align:center;font-size:13px;color:var(--muted);margin:0 0 8px}