:root {
  --inki-purple: #7b187f;
  --inki-purple-dark: #4b0e50;
  --inki-purple-soft: #f5eaf6;
  --inki-magenta: #b933a7;
  --inki-ink: #24182a;
  --inki-muted: #6f6574;
  --inki-line: #e8e1ea;
  --inki-paper: #fffdfd;
  --inki-mint: #dff7ee;
  --inki-yellow: #ffd75a;
  --inki-blue: #39a9e8;
  --inki-radius: 24px;
  --inki-shadow: 0 22px 60px rgba(67, 21, 71, .12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { color: var(--inki-ink); background: var(--inki-paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: var(--inki-purple); }
a:hover { color: var(--inki-purple-dark); }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 9999; background: #fff; color: var(--inki-ink); padding: .75rem 1rem; border-radius: 10px; box-shadow: var(--inki-shadow); }
.skip-link:focus { top: 1rem; }
.inki-nav-wrap { position: sticky; top: 0; z-index: 1030; background: rgba(255,253,253,.94); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(232,225,234,.9); box-shadow:0 10px 30px rgba(36,24,42,.08); }
.inki-navbar { min-height: 78px; }
.inki-brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--inki-ink)!important; font-size: 1.65rem; font-weight: 800; letter-spacing: -.05em; }
.inki-brand-mark { width: 38px; height: 38px; border-radius: 13px; background: linear-gradient(145deg,var(--inki-magenta),var(--inki-purple-dark)); position: relative; box-shadow: 0 10px 22px rgba(123,24,127,.25); }
.inki-brand-mark:before { content:""; position:absolute; width:18px; height:8px; background:#fff; border-radius: 100% 10px 100% 10px; transform: rotate(-28deg); left:10px; top:15px; }
.inki-brand small { font-size: .7rem; letter-spacing: .08em; color: var(--inki-muted); font-weight: 700; text-transform: uppercase; margin-left: .15rem; }
.navbar .nav-link { color: var(--inki-ink); font-weight: 650; font-size: .94rem; padding: .85rem .7rem!important; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--inki-purple); }
.navbar .nav-link:focus,
.navbar .nav-link:focus-visible,
.dropdown-item:focus,
.dropdown-item:focus-visible { outline:0; box-shadow:none; color:var(--inki-purple); }
.navbar-toggler { border: 0; color: var(--inki-ink); padding: .25rem; }
.navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(123,24,127,.13); }
.inki-burger { width: 42px; height: 42px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; user-select: none; display: block; }
.inki-burger .line { fill: none; stroke: currentColor; stroke-width: 5.5; stroke-linecap: round; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; }
.inki-burger.ham1 .top { stroke-dasharray: 40 139; }
.inki-burger.ham1 .bottom { stroke-dasharray: 40 180; }
.navbar-toggler[aria-expanded="true"] .hamRotate { transform: rotate(45deg); }
.navbar-toggler[aria-expanded="true"] .inki-burger.ham1 .top { stroke-dashoffset: -98px; }
.navbar-toggler[aria-expanded="true"] .inki-burger.ham1 .bottom { stroke-dashoffset: -138px; }
.dropdown-menu { border: 1px solid var(--inki-line); box-shadow: var(--inki-shadow); border-radius: 18px; padding: .6rem; }
.dropdown-item { border-radius: 12px; padding: .7rem .85rem; font-weight: 600; line-height:1.35; }
.inki-btn, .btn.inki-btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.82rem 1.15rem; border-radius:14px; border:1px solid transparent; font-weight:750; text-decoration:none; transition:.2s ease; }
.inki-btn-primary { background:var(--inki-purple); color:#fff!important; box-shadow:0 12px 24px rgba(123,24,127,.22); }
.inki-btn-primary:hover { background:var(--inki-purple-dark); transform:translateY(-1px); }
.inki-btn-light { background:#fff; color:var(--inki-ink)!important; border-color:var(--inki-line); }
.inki-btn-light:hover { border-color:#cab7cd; transform:translateY(-1px); }
.inki-btn-sm { padding:.62rem .9rem; border-radius:12px; font-size:.9rem; }
.inki-hero { position:relative; overflow:hidden; padding: 6rem 0 5rem; background: radial-gradient(circle at 85% 12%, rgba(185,51,167,.16), transparent 28%), radial-gradient(circle at 15% 5%, rgba(57,169,232,.12), transparent 26%), linear-gradient(180deg,#fff 0%,#fbf6fc 100%); }
.inki-hero:after { content:""; position:absolute; inset:auto -8% -140px 42%; height:280px; background:linear-gradient(130deg,rgba(123,24,127,.12),rgba(57,169,232,.1)); border-radius:50%; filter:blur(2px); transform:rotate(-5deg); }
.eyebrow { display:inline-flex; align-items:center; gap:.5rem; color:var(--inki-purple); font-weight:800; font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; margin-bottom:1.1rem; }
.eyebrow:before { content:""; width:28px; height:2px; background:currentColor; }
.inki-hero h1, .page-hero h1 { font-size:clamp(2.55rem,5.6vw,5.35rem); line-height:.98; letter-spacing:-.055em; margin-bottom:1.5rem; color:var(--inki-ink); }
.inki-hero .home-hero-title { font-size:clamp(2.25rem,4.2vw,3.75rem); line-height:1.04; text-wrap:balance; }
.page-hero h1 { font-size:clamp(2.35rem,4.7vw,4.65rem); max-width:1050px; }
.lead-inki { font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.65; color:var(--inki-muted); max-width:760px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.hero-points { display:flex; flex-wrap:wrap; gap:.7rem 1.25rem; margin-top:2.1rem; color:var(--inki-ink); font-size:.93rem; font-weight:650; }
.hero-points span { display:inline-flex; align-items:center; gap:.5rem; }
.hero-points span:before { content:""; width:8px; height:8px; border-radius:50%; background:var(--inki-magenta); box-shadow:0 0 0 5px rgba(185,51,167,.11); }
.product-scene { position:relative; min-height:480px; z-index:2; }
.hero-animation-scene { min-height:620px; display:flex; align-items:center; justify-content:center; }
.hero-animation-frame { display:block; width:min(56vw,760px); max-width:calc(100% + 56px); height:auto; object-fit:contain; }
.section { padding:5.5rem 0; }
.section-sm { padding:4rem 0; }
.section-tinted { background:#fbf7fc; }
.section-dark { background:var(--inki-ink); color:#fff; }
.section-dark h2,.section-dark h3 { color:#fff; }
.section-heading { max-width:800px; margin-bottom:2.7rem; }
.section-heading.center { margin-left:auto; margin-right:auto; text-align:center; }
.section-heading.center .eyebrow { justify-content:center; margin-left:auto; margin-right:auto; }
.section-heading h2 { font-size:clamp(2rem,3.7vw,3.5rem); line-height:1.08; letter-spacing:-.045em; margin-bottom:1rem; }
.section-heading p { color:var(--inki-muted); font-size:1.08rem; line-height:1.7; margin:0; }
.section-heading p a,.article-body p a,.article-body li a,.agency-feature-copy p a { text-decoration:underline; text-decoration-thickness:.08em; text-underline-offset:.16em; }
.comparison-section { background:#fbf8fc; }
.section-heading .comparison-title { font-size:clamp(1.65rem,2.8vw,2.5rem); line-height:1.18; letter-spacing:-.035em; text-wrap:balance; }
.comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:stretch; }
.comparison-panel { padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--inki-line); border-radius:28px; background:#fff; }
.comparison-panel-problem { border-top:5px solid #d8c9da; }
.comparison-panel-solution { border-top:5px solid var(--inki-purple); box-shadow:var(--inki-shadow); }
.comparison-panel-header { margin-bottom:2rem; }
.comparison-label { display:inline-block; margin-bottom:.8rem; color:var(--inki-purple); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.comparison-panel h3 { margin:0; font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.15; letter-spacing:-.035em; }
.comparison-list { display:grid; gap:1.5rem; margin:0; padding:0; list-style:none; counter-reset:comparison-item; }
.comparison-list li { position:relative; min-height:3rem; padding-left:4rem; counter-increment:comparison-item; }
.comparison-list li:before { content:counter(comparison-item); position:absolute; top:0; left:0; display:grid; width:2.75rem; height:2.75rem; place-items:center; border-radius:50%; background:#f2eaf3; color:var(--inki-purple); font-weight:850; }
.comparison-panel-solution .comparison-list li:before { background:var(--inki-purple); color:#fff; }
.comparison-list h4 { margin:0 0 .45rem; font-size:1.1rem; line-height:1.3; }
.comparison-list p { margin:0; color:var(--inki-muted); line-height:1.65; }
.section-dark .section-heading p { color:rgba(255,255,255,.72); }
.inki-card { height:100%; background:#fff; border:1px solid var(--inki-line); border-radius:var(--inki-radius); padding:1.65rem; box-shadow:0 14px 35px rgba(59,20,63,.055); }
.inki-card h2,.inki-card h3 { font-size:1.18rem; letter-spacing:-.025em; margin:.9rem 0 .65rem; }
.inki-card p { color:var(--inki-muted); line-height:1.65; margin-bottom:0; }
.inki-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:var(--inki-purple-soft); color:var(--inki-purple); }
.inki-icon svg { width:23px; height:23px; stroke:currentColor; fill:none; stroke-width:1.8; }
.steps { counter-reset:inkistep; }
.step-card { position:relative; padding:1.55rem 1.5rem 1.55rem 5rem; border:1px solid var(--inki-line); border-radius:22px; background:#fff; min-height:142px; }
.step-card:before { counter-increment:inkistep; content:counter(inkistep); position:absolute; left:1.4rem; top:1.45rem; width:42px; height:42px; display:grid; place-items:center; color:#fff; background:var(--inki-purple); border-radius:14px; font-weight:800; }
.steps-icons-only .step-card { padding:1.65rem; }
.steps-icons-only .step-card:before { content:none; }
.step-card h3 { font-size:1.08rem; margin:0 0 .45rem; }.step-card p{color:var(--inki-muted);margin:0;line-height:1.55}
.audience-card { position:relative; overflow:hidden; min-height:330px; padding:2.25rem; border-radius:30px; text-decoration:none; display:flex; flex-direction:column; justify-content:flex-end; color:#fff!important; box-shadow:var(--inki-shadow); transition:transform .22s ease, box-shadow .22s ease; }
.audience-card:hover,
.audience-card:focus-visible { transform:translateY(-4px); box-shadow:0 22px 46px rgba(36,24,42,.18); }
.audience-card:before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 12%,rgba(36,24,42,.84) 100%); z-index:1; }
.audience-card > * { position:relative; z-index:2; }
.audience-card.company { background:linear-gradient(135deg,#ae3ba4,#641967 60%,#321738); }
.audience-card.public { background:linear-gradient(135deg,#3c95ca,#7560b2 55%,#6d1d71); }
.audience-orb { position:absolute; width:230px; height:230px; border-radius:50%; right:-45px; top:-45px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.24); }
.audience-grid { position:absolute; top:42px; left:42px; display:grid; grid-template-columns:repeat(3,44px); gap:10px; }
.audience-grid span { height:44px; border-radius:14px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.22); }
.audience-card h3 { color:#fff; font-size:1.75rem; margin-bottom:.7rem; }.audience-card p{max-width:460px;margin:0;color:rgba(255,255,255,.78);line-height:1.65}.audience-card small{display:inline-flex;width:max-content;max-width:100%;margin-top:1rem;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.86);font-size:.78rem;font-weight:750;line-height:1.25}
.split-panel { height:100%; border:1px solid var(--inki-line); border-radius:30px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.split-copy { flex:1; padding:3rem; }
.split-copy ul { margin:1.25rem 0 0; padding:0; list-style:none; }
.split-copy li { position:relative; padding-left:1.65rem; margin:.75rem 0; color:var(--inki-muted); }
.split-copy li:before { content:"✓"; position:absolute; left:0; color:var(--inki-purple); font-weight:900; }
.screen-panel { min-height:420px; background:linear-gradient(145deg,#f8eef9,#edf7fd); padding:2.2rem; display:grid; place-items:center; }
.screen-card { width:100%; max-width:460px; background:#fff; border-radius:24px; border:1px solid var(--inki-line); box-shadow:var(--inki-shadow); padding:18px; }
.screen-nav { display:flex; gap:8px; margin-bottom:18px; }.screen-nav span{width:8px;height:8px;border-radius:50%;background:#d4c7d6}
.screen-grid { display:grid;grid-template-columns:1.2fr .8fr;gap:14px }.screen-main,.screen-side{border-radius:16px;background:#faf7fb;padding:14px}.screen-viz{height:180px;border-radius:12px;background:linear-gradient(145deg,#7b187f,#bd54b2 55%,#39a9e8);position:relative}.screen-viz:after{content:"Meilleurs vœux";position:absolute;left:20px;bottom:22px;color:#fff;font-weight:800;font-size:1.25rem}.screen-row{height:9px;background:#e6dce8;border-radius:8px;margin:10px 0}.screen-side .screen-row:nth-child(2){width:68%}.screen-side .screen-row:nth-child(4){width:78%}
.quote-panel { border-radius:32px; background:linear-gradient(135deg,var(--inki-purple-dark),var(--inki-purple)); color:#fff; padding:clamp(2rem,5vw,4rem); box-shadow:var(--inki-shadow); }
.quote-panel blockquote { font-size:clamp(1.3rem,2.2vw,2rem); line-height:1.5; letter-spacing:-.025em; margin:0 0 2rem; }
.quote-panel .quote-panel-copy { font-size:1.125rem; letter-spacing:0; }
.quote-meta { color:rgba(255,255,255,.72); }.quote-meta strong{color:#fff;display:block}
.role-card { height:100%; border:1px solid var(--inki-line); border-radius:28px; background:#fff; padding:2rem; box-shadow:0 14px 35px rgba(59,20,63,.055); }
.role-card h3 { font-size:1.25rem; letter-spacing:-.025em; }
.role-card ul { margin:1rem 0 0; padding-left:1.15rem; color:var(--inki-muted); }
.role-card li { margin:.55rem 0; line-height:1.55; }
.role-columns { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--inki-line); border-radius:28px; overflow:hidden; background:#fff; }
.role-col { padding:2rem; }.role-col + .role-col{border-left:1px solid var(--inki-line);background:#fbf8fc}.role-col h3{font-size:1.25rem}.role-col ul{margin:1rem 0 0;padding-left:1.15rem;color:var(--inki-muted)}.role-col li{margin:.55rem 0}
.legal-card { border-radius:28px; padding:2rem; background:#fff; border:1px solid var(--inki-line); height:100%; }.legal-card h3{font-size:1.25rem}.legal-card p{color:var(--inki-muted);line-height:1.7}
.cta-band { border-radius:34px; padding:clamp(2rem,5vw,4rem); background:linear-gradient(120deg,#26162c,#641967 60%,#9c3093); color:#fff; position:relative; overflow:hidden; }
.cta-band:after { content:""; position:absolute; width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.22);right:-70px;top:-100px;box-shadow:0 0 0 32px rgba(255,255,255,.04),0 0 0 64px rgba(255,255,255,.03)}
.cta-band h2{color:#fff;font-size:clamp(2rem,3.8vw,3.4rem);max-width:780px;letter-spacing:-.045em}.cta-band p{color:rgba(255,255,255,.75);font-size:1.08rem;max-width:700px;position:relative;z-index:2}.cta-band .inki-btn{position:relative;z-index:2}
.accordion-item { border:1px solid var(--inki-line)!important; border-radius:18px!important; overflow:hidden; margin-bottom:.8rem; background:#fff; }
.accordion-button { min-height:auto; gap:1rem; font-size:1rem; line-height:1.35; font-weight:750; color:var(--inki-ink); padding:1.2rem 1.35rem; background:#fff; letter-spacing:0; }
.accordion-button:after { content:'+'; display:block; width:auto; height:auto; margin-left:auto; border:0; color:var(--inki-purple); font-size:1.15rem; font-weight:900; line-height:1; transform:none; transition:opacity .2s ease; }
.accordion-button:not(.collapsed){color:var(--inki-purple);background:#fbf6fc;box-shadow:none}
.accordion-button:not(.collapsed):after { content:'−'; transform:none; }
.accordion-button:focus{box-shadow:0 0 0 3px rgba(123,24,127,.13)}
.accordion-body{padding:.75rem 1.35rem 1.2rem;color:var(--inki-muted);font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.page-hero { padding:5rem 0 4.5rem;background:linear-gradient(180deg,#fff,#fbf6fc);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-160px;background:rgba(185,51,167,.11);box-shadow:0 0 0 55px rgba(57,169,232,.05)}
.page-hero .eyebrow { display:flex; width:fit-content; max-width:100%; }
@media (min-width:1200px){.page-hero .row{align-items:flex-start!important}}
.breadcrumbs { display:flex;gap:.5rem;align-items:center;color:var(--inki-muted);font-size:.88rem;margin-bottom:1.2rem}.breadcrumbs a{text-decoration:none;color:var(--inki-muted)}
.blog-card { height:100%;border:1px solid var(--inki-line);border-radius:24px;overflow:hidden;background:#fff;transition:.2s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--inki-shadow)}.blog-thumb{display:block;width:100%;aspect-ratio:2400/1351;overflow:hidden;background:#f1e3f2}.blog-thumb img{display:block;width:100%;height:100%;object-fit:cover}.blog-content{padding:1.35rem}.blog-content h2,.blog-content h3{font-size:1.13rem;line-height:1.35;margin:.35rem 0 .7rem}.blog-content p{color:var(--inki-muted);font-size:.94rem;line-height:1.6}.blog-meta{font-size:.78rem;color:var(--inki-purple);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.blog-author{font-size:.82rem!important;line-height:1.4!important;margin:.45rem 0 .7rem!important}.article-reading-title{color:#918995!important;font-size:clamp(1.25rem,2.1vw,1.65rem)!important;font-weight:700;line-height:1.3!important;letter-spacing:-.02em;margin:0 0 1.35rem!important}.article-byline{font-size:.92rem!important;line-height:1.5!important;margin:2.2rem 0 0!important;padding-top:1.2rem;border-top:1px solid var(--inki-line)}.article-visual{margin:0 0 2rem}.article-visual img{display:block;width:100%;height:auto;border-radius:20px}.article-body>h2:first-of-type{margin-top:0}
.contact-card { border:1px solid var(--inki-line);border-radius:28px;padding:2rem;background:#fff;box-shadow:0 15px 36px rgba(59,20,63,.06)}.form-control,.form-select{border:1px solid #dcd2de;border-radius:13px;padding:.8rem .9rem}.form-control:focus,.form-select:focus{border-color:var(--inki-purple);box-shadow:0 0 0 3px rgba(123,24,127,.1)}
.inki-footer { background:#211625;color:rgba(255,255,255,.72);padding:4.5rem 0 2rem;margin-top:0}.inki-footer .inki-brand{color:#fff!important}.inki-footer h2,.inki-footer h3{color:#fff;font-size:1rem}.inki-footer a{color:rgba(255,255,255,.72);text-decoration:none}.inki-footer a:hover{color:#fff}.inki-footer ul{list-style:none;padding:0;margin:0}.inki-footer li{margin:.55rem 0}.inki-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2.8rem;padding-top:1.5rem;font-size:.87rem}
.note-prototype { background:#fff8da;border:1px solid #f2d673;border-radius:16px;padding:1rem 1.2rem;color:#6d5712;font-size:.9rem; }
@media (max-width: 991.98px){.inki-hero{padding-top:4.2rem}.product-scene{margin-top:2rem;min-height:auto}.hero-animation-scene{min-height:auto;justify-content:center}.hero-animation-frame{width:min(100%,680px)}.role-columns{grid-template-columns:1fr}.role-col + .role-col{border-left:0;border-top:1px solid var(--inki-line)}.navbar-collapse{padding:1rem 0}.navbar .nav-link{padding:.65rem 0!important}}
@media (max-width: 767.98px){.comparison-grid{grid-template-columns:1fr}.comparison-list li{padding-left:3.5rem}}
@media (max-width: 767.98px){.section{padding:4.2rem 0}.hero-animation-frame{width:100%}.split-copy{padding:2rem}.role-col{padding:1.5rem}.hero-points{display:grid}.screen-panel{min-height:340px;padding:1.2rem}.screen-grid{grid-template-columns:1fr}.screen-side{display:none}}
@media (max-width: 767.98px){.cta-band-dual .inki-btn{width:100%;margin-left:0!important}}
@media (max-width: 991.98px){
  .inki-navbar { min-height:78px; padding:0; }
  .inki-navbar > .container { position:relative; min-height:78px; padding-top:78px; align-items:flex-start; }
  .inki-navbar .navbar-brand { position:absolute; top:18px; right:auto!important; left:1.5rem; margin:0; padding:0; }
  .inki-navbar .navbar-toggler { position:absolute; top:14px; right:1.5rem!important; left:auto!important; margin:0; }
  .inki-navbar .navbar-collapse { width:100%; padding:1rem 0; }
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Ajouts prototype consolidé */
.link-strip { margin-top: 2rem; padding: 1rem 1.25rem; border: 1px solid var(--inki-line); border-radius: 18px; background: #fff; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.link-strip strong { color: var(--inki-ink); }
.link-strip div { display: flex; flex-wrap: wrap; gap: .75rem 1rem; }
.link-strip a { font-weight: 750; text-decoration: none; }
.feature-link-strip a { display:inline-flex; align-items:center; gap:.5rem; }
.feature-link-strip a:before { content:""; flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--inki-magenta); box-shadow:0 0 0 5px rgba(185,51,167,.11); }
.visual-note { min-height: 270px; border: 1px dashed #ccb8d0; border-radius: 28px; background: linear-gradient(135deg,#fbf6fc,#edf7fd); display: grid; place-items: center; text-align: center; color: var(--inki-purple-dark); }
.visual-note span { display: inline-block; padding: .35rem .7rem; border-radius: 999px; background: #fff; border: 1px solid var(--inki-line); color: var(--inki-muted); font-size: .8rem; font-weight: 750; }
.visual-note strong { display: block; margin-top: .8rem; font-size: 1.45rem; letter-spacing: -.03em; }
.visual-note small { display: block; margin-top: .5rem; color: var(--inki-muted); max-width: 520px; line-height: 1.45; }
.visual-note.visual-media { min-height: 0; border: 0; background: transparent; display: block; text-align: initial; color: inherit; }
.visual-note.visual-media img,
.visual-note.visual-media video { display: block; width: 100%; height: auto; object-fit: contain; }
.visual-note.visual-media.recipients-media { width: 80%; margin-inline: auto; }
.visual-note.visual-media.ecard-preview-media { overflow: hidden; border: 1px dashed #ccb8d0; border-radius: 28px; box-shadow: 0 12px 28px rgba(67,21,71,.10); }
.home-collectivity-showcase { position:relative; overflow:hidden; isolation:isolate; min-height:520px; border:1px dashed #ccb8d0; border-radius:28px; background:linear-gradient(135deg,#fbf6fc,#edf7fd); padding:clamp(1.4rem,3vw,2.25rem); text-align:center; color:var(--inki-purple-dark); }
.home-collectivity-showcase h3 { position:relative; z-index:2; margin:0 0 1.2rem; color:var(--inki-purple-dark); font-size:clamp(1.35rem,2.4vw,2rem); line-height:1.15; letter-spacing:-.025em; }
.home-collectivity-cards { position:relative; z-index:2; display:block; width:min(100%,620px); height:auto; margin:0 auto 1.4rem; }
.home-collectivity-logo { position:relative; z-index:2; display:block; height:clamp(42px,7vw,70px); max-width:min(240px,70%); margin:0 auto 1rem; object-fit:contain; }
.home-collectivity-showcase p { position:relative; z-index:2; max-width:520px; margin:0 auto; color:var(--inki-muted); line-height:1.55; }
.home-client-logos { margin-top:clamp(2rem,4vw,3rem); }
.home-client-logo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; align-items:center; }
.home-client-logo-grid img { display:block; width:100%; height:clamp(58px,7vw,78px); object-fit:contain; border:1px solid var(--inki-line); border-radius:18px; background:#fff; padding:.7rem 1rem; }
@media (max-width: 767.98px){.home-collectivity-showcase{min-height:auto;padding:1.25rem}.home-collectivity-cards{margin-bottom:1.15rem}.home-collectivity-logo{height:44px}}
@media (max-width: 767.98px){.home-client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.home-client-logo-grid img{height:64px;padding:.55rem .75rem;border-radius:14px}}
.steps-icons-only .step-card:before,
.inki-card[class*="home-icon-"]:before { content:""; position:static; display:block; width:42px; height:42px; margin-bottom:.85rem; border-radius:15px; background-color:var(--inki-purple-soft); background-position:center; background-repeat:no-repeat; background-size:contain; }
.steps-icons-only .step-card:before { counter-increment:none; }
.home-icon-jinn:before { background-image:url('../svg/jinn.svg'); }
.home-icon-laptop:before { background-image:url('../svg/laptop-work.svg'); }
.home-icon-send:before { background-image:url('../svg/blowakiss.svg'); }
.home-icon-writing:before { background-image:url('../svg/writing.svg'); }
.home-icon-tablet:before { background-image:url('../svg/tablet.svg'); }
.setup-steps .step-card:before { flex:0 0 50px; width:50px; height:50px; margin-bottom:0; background-size:42px 42px; }
.setup-icon-pictures:before { background-image:url('../svg/Pictures@4x.svg'); }
.setup-icon-magic:before { background-image:url('../svg/magic.svg'); }
.setup-icon-email:before { background-image:url('../svg/email.svg'); }
.home-icon-chart:before { background-image:url('../svg/piechart.svg'); }
.home-icon-browser:before { background-image:url('../svg/browser.svg'); }
.home-icon-coffee:before { background-image:url('../svg/coffee.svg'); }
.home-icon-money:before { background-image:url('../svg/money.svg'); }
.proof-metric { margin: 1.5rem 0; padding: 1.1rem 1.25rem; border-radius: 22px; background: #fff; border: 1px solid var(--inki-line); display: inline-flex; align-items: baseline; gap: .8rem; }
.proof-metric strong { font-size: 2.2rem; color: var(--inki-purple); line-height: 1; }
.proof-metric span { color: var(--inki-muted); font-weight: 700; }
.offer-card { height:100%; border:1px solid var(--inki-line); border-radius:28px; background:#fff; padding:2rem; box-shadow:0 14px 35px rgba(59,20,63,.055); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.offer-card.featured { position: relative; border-color: rgba(123,24,127,.35); box-shadow: var(--inki-shadow); }
.offer-featured-fly { position: absolute; z-index: 2; top: 0; left: 50%; width: clamp(155px, 18vw, 220px); height: auto; transform: translate(-60%,-40%); pointer-events: none; }
.offer-card:hover { transform: translateY(-6px); border-color: rgba(123,24,127,.32); box-shadow: 0 24px 42px rgba(67,21,71,.13); }
.offer-card.featured:hover { border-color: rgba(123,24,127,.5); box-shadow: 0 26px 46px rgba(67,21,71,.16); }
.offer-card .price { font-size: 2.2rem; font-weight: 850; color: var(--inki-purple); margin: .5rem 0 1rem; letter-spacing:-.04em; }
.offer-number { width: 61px; height: 61px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; background: var(--inki-purple); color: #fff; font-weight: 850; font-size: 2.35rem; line-height: 1; }
.offer-volume-kicker { margin: 0 0 .15rem; color: var(--inki-muted); font-size: .78rem; font-weight: 600; line-height: 1.2; }
.tariff-offer-cta { position: relative; margin-top: 2.75rem; }
.tariff-offer-cta .inki-btn { width: 100%; min-height: 58px; font-size: 1.02rem; }
.tariff-cta-bubble { position: absolute; left: 50%; top: 0; z-index: 2; width: 60px; height: 60px; border-radius: 999px; transform: translate(230%,-50%); display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--inki-line); box-shadow: 0 10px 22px rgba(67,21,71,.14); pointer-events: none; }
.tariff-cta-bubble img { width: 28px; height: 22px; object-fit: contain; }
@media (max-width:575.98px){.tariff-cta-bubble{left:auto;right:.5rem;transform:translateY(-50%)}}
.tariff-link-strip { align-items: flex-start; }
.tariff-link-strip strong { padding-top: .1rem; }
.tariff-link-list { margin: 0; padding-left: 1.25rem; display: grid; gap: .45rem; }
.tariff-link-list a { font-weight: 750; text-decoration: none; }
.help-group h2 { margin-top:2.4rem; margin-bottom:1.35rem; }
.help-group:first-child h2 { margin-top:0; }
.faq-list { display:grid; gap:.85rem; }
.faq-details { border:1px solid var(--inki-line); border-radius:18px; background:#fff; overflow:hidden; }
.faq-details summary { cursor:pointer; font-weight:750; color:var(--inki-ink); padding:1.2rem 1.35rem; list-style:none; }
.faq-details summary::-webkit-details-marker { display:none; }
.faq-details summary:after { content:'+'; float:right; color:var(--inki-purple); font-weight:900; }
.faq-details[open] summary { color:var(--inki-purple); background:#fbf6fc; }
.faq-details[open] summary:after { content:'−'; }
.faq-details div { padding:0 1.35rem 1.2rem; color:var(--inki-muted); line-height:1.7; }
.step-card.compact { padding-left: 1.5rem; padding-top: 5rem; }
.step-card.compact:before { top: 1.4rem; }
@media (min-width: 768px) {
  body[data-page="personnalisation-envois"] .steps .step-card.compact { min-height: 360px; height: 100%; }
}
code { color: var(--inki-purple); background: var(--inki-purple-soft); padding:.15rem .35rem; border-radius:6px; }

/* Pages articles du blog */
.article-body { background:#fff; border:1px solid var(--inki-line); border-radius:30px; padding:clamp(1.6rem,4vw,3.2rem); box-shadow:0 14px 35px rgba(59,20,63,.055); }
.article-body h2 { font-size:clamp(1.65rem,2.4vw,2rem); line-height:1.2; letter-spacing:-.03em; margin:2.3rem 0 1rem; color:var(--inki-ink); }
.article-body h2:first-child { margin-top:0; }
.article-body h3 { font-size:1.25rem; margin:1.6rem 0 .65rem; color:var(--inki-purple-dark); }
.article-body p { color:var(--inki-muted); font-size:1.05rem; line-height:1.78; margin:0 0 1.05rem; }
body[data-page="annexes"] .article-body p { font-size:1rem; }
.article-body .legal-details p { line-height:1.4; margin-bottom:.55rem; }
.article-body ul { margin:1rem 0 1.35rem; padding-left:1.2rem; color:var(--inki-muted); }
.article-body li { margin:.55rem 0; line-height:1.62; }
.article-body strong { color:var(--inki-ink); }
@media (max-width: 767.98px){ .article-body { padding:1.35rem; border-radius:22px; } }

/* Page agence */
.agency-wide-visual {
  width: 100%;
  height: clamp(260px, 30.5vw, 440px);
  overflow: hidden;
  background: #fbf7fc;
}
.agency-wide-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agency-proof-icon {
  display: block;
  width: 62px;
  height: 62px;
  object-fit: contain;
}
.agency-feature-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 42%);
  align-items: center;
  gap: 1.5rem;
}
.agency-feature-card h3 { margin-top: 0; }
.agency-feature-copy {
  min-width: 0;
}
.agency-feature-logo {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
  object-fit: contain;
}
.agency-feature-media {
  display: block;
  width: 100%;
  aspect-ratio: 251 / 147;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 767.98px) {
  .agency-feature-card {
    grid-template-columns: 1fr;
  }
  .agency-feature-media {
    order: -1;
  }
}

/* Ajustements navigation et footer - prototype consolidé */
.inki-navbar .dropdown-toggle::after { display: none; }
.nav-caret { width: .72rem; height: .72rem; margin-left: .32rem; vertical-align: -.08em; }
.inki-brand img { display: block; height: 42px; width: auto; }
.inki-footer { background:#f8f9fa; color:#4f4854; padding:3.2rem 0 1.6rem; font-size:.88rem; }
.inki-footer .inki-brand, .inki-footer .inki-brand:hover, .inki-footer .inki-brand:focus { color:var(--inki-ink)!important; }
.inki-footer .inki-footer-brand img { height: 40px; width:auto; }
.inki-footer-text { color:#5f5864; line-height:1.55; max-width:340px; }
.inki-footer ul { list-style:none; padding:0; margin:0; }
.inki-footer li { margin:.42rem 0; line-height:1.35; }
.inki-footer a { color:#4b4450; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.18em; }
.inki-footer a:hover, .inki-footer a:focus { color:var(--inki-purple); text-decoration-thickness:2px; }
.inki-footer a:focus-visible { outline:3px solid rgba(123,24,127,.25); outline-offset:3px; border-radius:4px; }
.inki-footer-bottom { border-top:1px solid #e5e0e8; margin-top:2.2rem; padding-top:1.1rem; font-size:.8rem; color:#6a626f; }
.section-svg-icon { width: 42px; height: 42px; object-fit: contain; margin-bottom: .85rem; display:block; }
.feature-admin-number { width:48px; height:48px; display:grid; place-items:center; margin-bottom:.85rem; border-radius:14px; background:var(--inki-purple); color:#fff; font-size:18px; font-weight:850; line-height:1; }
.feature-language-flag { display:inline-block; width:18px; height:18px; margin-left:.22rem; border:1px solid rgba(42,54,59,.14); border-radius:50%; vertical-align:-.16em; box-shadow:0 1px 3px rgba(42,54,59,.12); }
.feature-language-flag-fr { background:linear-gradient(to right,#0055a4 0%,#0055a4 33.33%,#fff 33.33%,#fff 66.66%,#ef4135 66.66%,#ef4135 100%); }
.feature-language-flag-uk { background:linear-gradient(90deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%),linear-gradient(0deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%),linear-gradient(90deg,transparent 46%,#cf142b 46%,#cf142b 54%,transparent 54%),linear-gradient(0deg,transparent 46%,#cf142b 46%,#cf142b 54%,transparent 54%),linear-gradient(33deg,transparent 42%,#fff 42%,#fff 48%,#cf142b 48%,#cf142b 53%,#fff 53%,#fff 59%,transparent 59%),linear-gradient(-33deg,transparent 42%,#fff 42%,#fff 48%,#cf142b 48%,#cf142b 53%,#fff 53%,#fff 59%,transparent 59%),#012169; }
.offer-card .section-svg-icon, .step-card .section-svg-icon { width: 36px; height: 36px; }
.tariff-svg-icon { width: 62px; height: 62px; }
.tariff-document-card { display: flex; align-items: center; justify-content: center; }
.tariff-document-card .img-fluid { width: 100%; height: auto; }
.contact-preference { border:0; padding:0; margin:0; }
.contact-preference legend { margin-bottom:.55rem; }

/* Footer Inkipi sans grille Bootstrap */
.inki-footer-inner {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto;
}
.inki-footer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.inki-footer-grid > :first-child { grid-column: 1 / -1; }
.inki-footer-title {
  color: var(--inki-ink);
  font-size: .82rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: .85rem;
}
.inki-footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:.42rem; padding:0; margin:0; }
.inki-footer-links a { line-height:1.35; }
.inki-footer-text { color: #5f5864; line-height: 1.55; max-width: 340px; margin: 1rem 0 0; }
.inki-eco-badges { display:flex; align-items:center; justify-content:flex-start; gap:.5rem; margin:1rem 0 -1rem; white-space:nowrap; }
.inki-eco-badges > div { display:inline-flex; align-items:center; margin:0; }
.inki-footer-bottom {
  border-top: 1px solid #e5e0e8;
  margin-top: 2.2rem;
  padding-top: 1.1rem;
  font-size: .8rem;
  color: #6a626f;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .5rem;
}
@media (min-width: 576px) { .inki-footer-inner { max-width: 540px; } }
@media (min-width: 768px) {
  .inki-footer-inner { max-width: 720px; }
  .inki-footer-bottom { flex-direction: row; }
}
@media (min-width: 992px) {
  .inki-footer-inner { max-width: 960px; }
  .inki-footer-grid { grid-template-columns: minmax(0, 2fr) repeat(4, minmax(0, 1fr)); }
  .inki-footer-grid > :first-child { grid-column: auto; }
}
@media (min-width: 1200px) { .inki-footer-inner { max-width: 1140px; } }
@media (min-width: 1400px) { .inki-footer-inner { max-width: 1320px; } }

/* Accessible keyboard focus */
.navbar .nav-link:focus-visible,.dropdown-item:focus-visible{outline:3px solid var(--inki-sky);outline-offset:3px;box-shadow:none;color:var(--inki-purple)}

/* Small-screen overflow fixes */
@media (max-width:359.98px){.help-group h2{overflow-wrap:anywhere}.tariff-cta-bubble{left:auto;right:.5rem;transform:translateY(-50%)}}