:root{
  --nanty-ink:#0b1830;
  --nanty-muted:#60708b;
  --nanty-blue:#216fdf;
  --nanty-blue-deep:#155fc4;
  --nanty-teal:#11a874;
  --nanty-teal-dark:#07875c;
  --nanty-sky:#edf6ff;
  --nanty-mint:#edfdf7;
  --nanty-line:#e5edf6;
  --nanty-bg:#ffffff;
  --nanty-soft:#f7faff;
  --nanty-shadow:0 24px 70px rgba(33,70,120,.12);
}
html{scroll-behavior:smooth}
body.home-one.nanty-site{background:#fff;color:var(--nanty-ink);font-family:"Inter",Arial,sans-serif;overflow-x:hidden}
.nanty-site h1,.nanty-site h2,.nanty-site h3,.nanty-site h4,.nanty-site h5,.nanty-site h6{font-family:"Urbanist",Arial,sans-serif;color:var(--nanty-ink);letter-spacing:-.025em}
.nanty-site p{color:var(--nanty-muted);line-height:1.75}
.nanty-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,237,246,.85)}
.nanty-nav .navbar{min-height:78px;padding:12px 0}
.nanty-brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;color:var(--nanty-ink)!important;text-decoration:none}
.nanty-brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--nanty-teal),#27c8a0);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(17,168,116,.25)}
.nanty-nav .nav-link{font-weight:600;color:#273753!important;padding:10px 15px!important;font-size:15px}
.nanty-nav .nav-link:hover{color:var(--nanty-blue)!important}
.btn-nanty,.btn-nanty-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:14px 21px;font-weight:700;font-size:15px;text-decoration:none;transition:.22s ease;border:1px solid transparent}
.btn-nanty{background:linear-gradient(135deg,var(--nanty-teal),#0b9d86);color:#fff!important;box-shadow:0 12px 24px rgba(17,168,116,.2)}
.btn-nanty:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(17,168,116,.28)}
.btn-nanty-outline{background:#fff;color:var(--nanty-ink)!important;border-color:#dce6f2}
.btn-nanty-outline:hover{border-color:#a9bfd9;transform:translateY(-2px)}
.hero-nanty{position:relative;padding:92px 0 72px;background:radial-gradient(circle at 82% 14%,rgba(33,111,223,.12),transparent 35%),radial-gradient(circle at 8% 24%,rgba(17,168,116,.10),transparent 30%),linear-gradient(180deg,#fff 0%,#fbfdff 100%);overflow:hidden}
.hero-nanty:after{content:"";position:absolute;right:-90px;top:80px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(33,111,223,.12);box-shadow:0 0 0 52px rgba(33,111,223,.025),0 0 0 104px rgba(17,168,116,.018);pointer-events:none}
.hero-eyebrow,.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--nanty-teal);margin-bottom:17px}
.hero-eyebrow:before,.section-eyebrow:before{content:"";width:23px;height:2px;background:currentColor;border-radius:2px}
.hero-nanty h1{font-size:clamp(42px,5vw,72px);line-height:1.02;font-weight:800;margin-bottom:24px;max-width:720px}
.hero-nanty h1 .accent{color:var(--nanty-blue)}
.hero-lead{font-size:18px;max-width:640px;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero-proof{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#51617b;font-size:13px;font-weight:600}
.hero-proof span{display:flex;align-items:center;gap:7px}
.hero-proof i{width:20px;height:20px;border-radius:50%;background:#eafaf4;color:var(--nanty-teal);display:grid;place-items:center;font-style:normal;font-size:12px}
.product-stage{position:relative;padding:20px 0 20px 22px}
.product-window{background:#fff;border:1px solid rgba(215,226,239,.95);border-radius:19px;box-shadow:var(--nanty-shadow);padding:9px;transform:perspective(1100px) rotateY(-2.6deg) rotateX(1deg);transform-origin:center;position:relative;z-index:2}
.product-window img{display:block;width:100%;border-radius:13px}
.floating-kpi{position:absolute;z-index:5;background:rgba(255,255,255,.96);border:1px solid rgba(224,234,244,.98);border-radius:14px;padding:12px 15px;box-shadow:0 18px 48px rgba(28,63,110,.16);min-width:145px}
.floating-kpi strong{display:block;font:800 25px/1 "Urbanist",sans-serif;color:var(--nanty-ink);margin-bottom:3px}.floating-kpi small{color:#71819a;font-weight:600;font-size:11px}.floating-kpi.top{right:-5px;top:-6px}.floating-kpi.bottom{left:0;bottom:-6px}.kpi-dot{width:9px;height:9px;border-radius:50%;background:var(--nanty-teal);display:inline-block;margin-right:6px}
.trust-strip{padding:22px 0;border-top:1px solid var(--nanty-line);border-bottom:1px solid var(--nanty-line);background:#fff}
.trust-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;color:#54647d;font-weight:650;font-size:14px}.trust-badge{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#f7faff}.trust-logo{font:800 18px/1 "Urbanist",sans-serif;color:var(--nanty-ink)}.trust-logo.meta{color:#1468df}.trust-logo.wa{color:#0b9d6a}.trust-divider{width:1px;height:26px;background:#e3eaf3}
.section-space{padding:98px 0}.section-soft{background:var(--nanty-soft)}
.section-heading{max-width:760px;margin:0 auto 45px;text-align:center}.section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:800;margin-bottom:15px}.section-heading p{font-size:17px;margin:0 auto;max-width:650px}
.feature-card{height:100%;padding:30px;border-radius:18px;background:#fff;border:1px solid var(--nanty-line);transition:.22s ease;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(25,60,105,.10);border-color:#d4e0ef}.feature-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-42px;top:-42px;background:rgba(33,111,223,.045)}
.feature-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:22px}.feature-icon svg{width:25px;height:25px}.feature-icon.green{background:#eafaf4;color:var(--nanty-teal)}.feature-icon.blue{background:#eaf2ff;color:var(--nanty-blue)}.feature-icon.violet{background:#f0ecff;color:#7856d8}.feature-card h3{font-size:23px;font-weight:800;margin-bottom:10px}.feature-card p{margin:0;font-size:15px}
.product-section{position:relative;overflow:hidden}.product-section .section-copy{padding-right:24px}.product-section h2{font-size:clamp(36px,4vw,54px);font-weight:800;line-height:1.05;margin-bottom:18px}.check-list{display:grid;gap:13px;margin:26px 0 30px}.check-item{display:flex;gap:12px;align-items:center;color:#33445e;font-weight:650}.check-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eafaf4;color:var(--nanty-teal);font-size:13px;font-weight:900;flex:0 0 25px}
.browser-frame{position:relative;background:#fff;border:1px solid #dae5f0;border-radius:19px;box-shadow:var(--nanty-shadow);padding:9px;overflow:hidden}.browser-toolbar{height:32px;display:flex;align-items:center;gap:6px;padding:0 9px}.browser-toolbar span{width:8px;height:8px;border-radius:50%;background:#dce5ee}.browser-toolbar span:nth-child(1){background:#ff8c87}.browser-toolbar span:nth-child(2){background:#ffd66b}.browser-toolbar span:nth-child(3){background:#5bd39c}.browser-frame img{width:100%;display:block;border-radius:11px;border:1px solid #edf1f5}.glow-card{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(17,168,116,.08);filter:blur(15px);right:-80px;bottom:-70px;z-index:-1}
.mini-callout{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px 18px;border:1px solid #dfe9f3;border-radius:15px;background:#fff;margin-top:20px;max-width:460px}.mini-callout .icon{width:39px;height:39px;border-radius:11px;background:#edf6ff;display:grid;place-items:center;color:var(--nanty-blue);font-weight:900}.mini-callout strong{display:block;margin-bottom:3px;color:var(--nanty-ink)}.mini-callout span{font-size:13px;color:#71819a}
.footer-nanty{background:#0b1728;padding:68px 0 24px;color:#d9e4f1}.footer-nanty .nanty-brand{color:#fff!important;margin-bottom:18px}.footer-nanty p{color:#91a2b8;font-size:14px;max-width:320px}.footer-title{color:#fff!important;font-size:15px!important;font-weight:800!important;margin-bottom:18px}.footer-links{display:grid;gap:10px}.footer-links a{color:#aebbd0;text-decoration:none;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7f91aa;font-size:13px}
@media(max-width:991px){.hero-nanty{padding-top:58px}.product-stage{margin-top:42px;padding-left:0}.floating-kpi.top{right:8px}.floating-kpi.bottom{left:8px}.product-section .section-copy{padding-right:0;margin-bottom:38px}.nanty-nav .navbar-collapse{padding:14px 0 8px}.nanty-nav .btn-nanty{margin-top:8px}.trust-divider{display:none}}
@media(max-width:575px){.hero-nanty h1{font-size:43px}.hero-lead{font-size:16px}.product-window{transform:none}.floating-kpi{position:static;display:inline-block;margin:12px 8px 0 0}.product-stage{padding-bottom:0}.section-space{padding:72px 0}.feature-card{padding:24px}.footer-nanty{padding-top:52px}}


/* V2 — CRM conversationnel: Client 360, collaboration et historique */
.context-section,.commerce-context{position:relative;overflow:hidden}
.context-visual{position:relative;padding:10px 42px 46px 0}
.browser-frame-large{box-shadow:0 28px 80px rgba(25,60,105,.14)}
.focus-panel{position:absolute;z-index:4;background:#fff;border:1px solid var(--nanty-line);border-radius:18px;padding:10px;box-shadow:0 22px 60px rgba(25,60,105,.18)}
.focus-client{right:0;bottom:0;width:245px}
.focus-panel img{display:block;width:100%;border-radius:12px}
.focus-label{display:inline-flex;margin:0 0 8px 4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nanty-blue)}
.context-points{display:grid;gap:14px;margin-top:28px}
.context-points article{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:16px 0;border-top:1px solid var(--nanty-line)}
.context-points article>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf6ff;color:var(--nanty-blue);font:800 12px/1 "Urbanist",sans-serif}
.context-points strong{display:block;color:var(--nanty-ink);font-size:17px;margin-bottom:2px}
.context-points p{margin:0;font-size:13px}

.team-section{position:relative;overflow:hidden}
.team-showcase{background:linear-gradient(180deg,#fbfdff,#f4f8fd);border:1px solid var(--nanty-line);border-radius:22px;padding:18px;box-shadow:0 24px 70px rgba(33,70,120,.10)}
.team-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.team-kpi{background:#fff;border:1px solid var(--nanty-line);border-radius:15px;padding:16px}
.team-kpi small{display:block;color:#7d8ba0;font-size:11px;margin-bottom:6px}.team-kpi strong{display:block;font:800 27px/1 "Urbanist",sans-serif;color:var(--nanty-ink);margin-bottom:7px}.team-kpi span{font-size:11px;color:var(--nanty-teal);font-weight:700}
.team-kpi.amber span{color:#b07a00}.team-kpi.blue span{color:var(--nanty-blue)}
.team-bottom{display:grid;grid-template-columns:.95fr 1.05fr;gap:12px;margin-bottom:12px}
.capacity-card,.notes-card{background:#fff;border:1px solid var(--nanty-line);border-radius:16px;padding:18px}
.capacity-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#53627a;font-size:13px;margin-bottom:10px}.capacity-head strong{font-size:18px;color:var(--nanty-ink)}
.capacity-track{height:8px;background:#e7edf5;border-radius:999px;overflow:hidden;margin-bottom:8px}.capacity-track span{height:100%;display:block;background:linear-gradient(90deg,var(--nanty-teal),#23c69a);border-radius:inherit}
.capacity-card>small{display:block;color:#8a98ab;font-size:10px;margin-bottom:16px}
.operator-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-top:14px;border-top:1px solid #edf1f5}.operator-row strong{display:block;font-size:13px}.operator-row small{display:block;color:var(--nanty-teal);font-size:10px}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#183253;color:#fff;font-size:11px;font-weight:800}.avatar.sm{width:28px;height:28px;font-size:9px}.online-dot{width:9px;height:9px;border-radius:50%;background:#1dbe7a;box-shadow:0 0 0 4px #e8faf3}
.notes-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:800}.private-pill{font-size:9px;color:var(--nanty-blue);background:#edf5ff;padding:5px 7px;border-radius:999px}
.notes-card p{font-size:13px;line-height:1.55;color:#33445e;padding:12px;border-radius:11px;background:#f7faff;margin:0 0 14px}.note-author{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11px;color:#5f6f87}.note-author small{font-size:9px;color:#9aa6b7}
.team-screen-strip{height:150px;overflow:hidden;border-radius:14px;border:1px solid var(--nanty-line);background:#fff}.team-screen-strip img{width:100%;display:block;transform:translateY(-6%);filter:saturate(.92)}

.context-mosaic{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr 1fr;gap:14px;position:relative}
.mosaic-card{background:#fff;border:1px solid var(--nanty-line);border-radius:18px;padding:10px;overflow:hidden;box-shadow:0 18px 50px rgba(33,70,120,.09)}
.mosaic-card img{width:100%;display:block;border-radius:12px;border:1px solid #edf1f5}
.mosaic-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:4px 5px 10px;font-size:13px;font-weight:800;color:var(--nanty-ink)}.mosaic-title small{font-size:9px;font-weight:700;color:#8b99ad}
.mosaic-orders{grid-row:1 / 3}.mosaic-history,.mosaic-notes{min-height:0}.mosaic-history img,.mosaic-notes img{max-height:225px;object-fit:cover;object-position:top}
.history-list{display:grid;gap:16px;margin:27px 0}
.history-list>div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.history-list strong{display:block;font-size:16px;margin-bottom:2px}.history-list p{font-size:13px;margin:0}.history-icon{width:38px;height:38px;border-radius:11px;background:#eafaf4;color:var(--nanty-teal);display:grid;place-items:center;font-weight:900}
.integration-callout{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px;border-radius:16px;border:1px solid #dce8f3;background:#fff}.integration-mark{width:44px;height:44px;border-radius:13px;background:#0c1d35;color:#fff;display:grid;place-items:center;font:800 11px/1 "Urbanist",sans-serif}.integration-callout strong{display:block;margin-bottom:3px}.integration-callout p{font-size:12px;margin:0}

.cta-section{padding-top:0}
.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:42px 46px;border-radius:24px;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 32%),linear-gradient(120deg,#07875c,#1689bf 58%,#216fdf);box-shadow:0 25px 65px rgba(21,95,196,.22);overflow:hidden;position:relative}
.cta-panel:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-95px;top:-150px;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025)}
.cta-panel>div{position:relative;z-index:2}.cta-panel h2{color:#fff!important;font-size:clamp(31px,3.5vw,48px);line-height:1.06;font-weight:800;max-width:760px;margin-bottom:11px}.cta-panel p{color:rgba(255,255,255,.8);margin:0;max-width:680px}.section-eyebrow.light{color:#dffcf0}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:225px}.btn-white{background:#fff!important;color:#08785a!important;box-shadow:none!important}.cta-link{color:#fff;text-decoration:none;font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5)}

@media(max-width:991px){
  .context-visual{padding-right:24px;margin-bottom:36px}.focus-client{right:0;width:220px}
  .team-kpis{grid-template-columns:1fr 1fr 1fr}.team-bottom{grid-template-columns:1fr 1fr}.context-mosaic{margin-bottom:36px}
  .cta-panel{flex-direction:column;align-items:flex-start}.cta-actions{align-items:flex-start}
}
@media(max-width:767px){
  .context-visual{padding:0 0 135px}.focus-client{right:14px;bottom:0;width:205px}
  .team-kpis{grid-template-columns:1fr}.team-bottom{grid-template-columns:1fr}.team-screen-strip{height:120px}
  .context-mosaic{grid-template-columns:1fr;grid-template-rows:auto}.mosaic-orders{grid-row:auto}.mosaic-history img,.mosaic-notes img{max-height:none}
  .cta-panel{padding:32px 26px}
}

/* V3 — Process, automatisation, analytics, cas d'usage, pricing, FAQ */
.process-section{position:relative;overflow:hidden}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.process-grid:before{content:"";position:absolute;left:9%;right:9%;top:35px;border-top:2px dashed #dfe8f3;z-index:0}
.process-card{position:relative;z-index:1;background:#fff;border:1px solid var(--nanty-line);border-radius:18px;padding:26px 22px 24px;min-height:260px;box-shadow:0 14px 38px rgba(25,60,105,.06)}
.process-number{position:absolute;right:16px;top:14px;font:800 12px/1 "Urbanist",sans-serif;color:#8d9aae}
.process-icon{width:54px;height:54px;border-radius:16px;background:#edf5ff;color:var(--nanty-blue);display:grid;place-items:center;margin-bottom:22px;box-shadow:0 0 0 8px #fff}
.process-icon svg{width:27px;height:27px}.process-icon.green{background:#eafaf4;color:var(--nanty-teal)}.process-icon.violet{background:#f1edff;color:#7659d8}.process-icon.amber{background:#fff5df;color:#b77800}
.process-card h3{font-size:21px;font-weight:800;margin-bottom:9px}.process-card p{font-size:14px;margin:0}

.automation-section{overflow:hidden}.automation-section h2,.analytics-section h2,.faq-section h2{font-size:clamp(36px,4vw,54px);font-weight:800;line-height:1.06;margin-bottom:18px}
.automation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:22px;border-radius:22px;background:linear-gradient(145deg,#fff,#f6f9fd);border:1px solid var(--nanty-line);box-shadow:0 22px 65px rgba(33,70,120,.10)}
.flow-card{min-height:190px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e2eaf3;display:flex;flex-direction:column;justify-content:space-between}.flow-card.client{background:#fff}.flow-card.bot{background:#f1fff8;border-color:#d6f4e5}.flow-card.human{background:#eef6ff;border-color:#d9e8fb}
.flow-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:#53627a}.flow-head small{font-weight:700;color:#99a5b5}.flow-card p{color:#263853;font-size:14px;line-height:1.55;margin:22px 0}.flow-status{align-self:flex-start;font-size:9px;font-weight:800;color:#087d58;background:#dcf8ec;border-radius:999px;padding:5px 8px}.human-status{color:#155fc4;background:#dceaff}.flow-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dfe8f3;color:#6b7c94;font-weight:900}
.automation-caption{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;margin:18px 18px 0;padding:17px 19px;border-radius:16px;background:#0c1e35;color:#fff}.automation-caption p{margin:2px 0 0;color:#9fb0c5;font-size:12px}.automation-badge{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--nanty-teal),#23c69a);display:grid;place-items:center;font:800 12px/1 "Urbanist",sans-serif}

.analytics-section{background:#fff}.analytics-intro{font-size:16px;margin-bottom:0}.analytics-panel{padding:18px;border:1px solid var(--nanty-line);background:linear-gradient(180deg,#fbfdff,#f4f8fd);border-radius:24px;box-shadow:0 24px 70px rgba(33,70,120,.08)}
.analytics-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card{background:#fff;border:1px solid var(--nanty-line);border-radius:16px;padding:17px;overflow:hidden}.metric-card small{display:block;font-size:10px;color:#7b899e;margin-bottom:6px}.metric-card strong{display:block;font:800 28px/1 "Urbanist",sans-serif;margin-bottom:6px}.metric-card>span{font-size:10px;color:#7d8aa0;font-weight:700}.metric-card .metric-up{color:var(--nanty-teal)}.metric-card svg{width:100%;height:34px;margin-top:12px}.metric-card polyline{fill:none;stroke:var(--nanty-teal);stroke-width:2.5;vector-effect:non-scaling-stroke}.metric-card.amber polyline{stroke:#d39a27}.metric-card.blue polyline{stroke:var(--nanty-blue)}.metric-card.rose polyline{stroke:#df6c77}.metric-card.violet polyline{stroke:#7659d8}
.analytics-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.analytics-chart-card,.analytics-queue-card{background:#fff;border:1px solid var(--nanty-line);border-radius:17px;padding:20px}.analytics-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.analytics-card-head small{display:block;color:#8a98ab;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.analytics-card-head strong{display:block;font-size:16px}.analytics-card-head>span{font-size:10px;color:#7e8ba0;background:#f4f7fb;padding:6px 8px;border-radius:999px}
.bar-chart{height:160px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid #e7edf5;margin:26px 0 7px;padding:0 8px}.bar-chart span{flex:1;min-width:10px;background:linear-gradient(180deg,#2f83eb,#9dc8ff);border-radius:7px 7px 0 0;position:relative}.bar-chart span:nth-child(6){background:linear-gradient(180deg,#10aa75,#8ce3c3)}.bar-labels{display:flex;justify-content:space-between;padding:0 8px;color:#9aa6b7;font-size:9px}
.operator-load{padding:16px 0;border-bottom:1px solid #edf1f5}.operator-load:last-child{border-bottom:0;padding-bottom:0}.operator-load>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.operator-load>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--nanty-blue);font-size:9px;font-weight:800}.operator-load p{margin:0;line-height:1.2}.operator-load p strong{display:block;font-size:11px}.operator-load p small{font-size:9px;color:#8b98aa}.operator-load b{font-size:10px}.operator-load>i{display:block;height:6px;background:#edf1f6;border-radius:999px;margin-top:10px;overflow:hidden}.operator-load>i em{display:block;height:100%;background:linear-gradient(90deg,var(--nanty-blue),#63a4ef);border-radius:inherit}

.usecase-card{height:100%;padding:30px;border-radius:19px;background:#fff;border:1px solid var(--nanty-line);box-shadow:0 15px 45px rgba(33,70,120,.05);transition:.22s ease}.usecase-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(33,70,120,.10)}.usecase-card.featured{border-color:#bfd7f6;box-shadow:0 20px 55px rgba(33,111,223,.10)}.usecase-icon{width:52px;height:52px;border-radius:15px;background:#eafaf4;color:var(--nanty-teal);display:grid;place-items:center;margin-bottom:22px}.usecase-icon.blue{background:#edf5ff;color:var(--nanty-blue)}.usecase-icon.violet{background:#f0ecff;color:#7659d8}.usecase-icon svg{width:26px;height:26px}.usecase-tag{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#7b899e;margin-bottom:8px}.usecase-card h3{font-size:23px;font-weight:800;margin-bottom:10px}.usecase-card p{font-size:14px}.usecase-card a{font-size:12px;font-weight:800;text-decoration:none;color:var(--nanty-blue)}

.pricing-card{height:100%;position:relative;background:#fff;border:1px solid var(--nanty-line);border-radius:20px;padding:29px;box-shadow:0 15px 45px rgba(33,70,120,.05)}.pricing-card.popular{border:2px solid var(--nanty-teal);transform:translateY(-6px);box-shadow:0 24px 60px rgba(17,168,116,.13)}.popular-pill{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 11px;border-radius:999px;background:var(--nanty-teal);color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.pricing-head span{display:block;font:800 25px/1 "Urbanist",sans-serif;margin-bottom:5px}.pricing-head small{color:#8593a7}.pricing-placeholder{font:800 34px/1 "Urbanist",sans-serif;color:var(--nanty-ink);margin:27px 0 12px}.pricing-card>p{font-size:13px;min-height:70px}.pricing-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.pricing-card li{font-size:13px;color:#40506a;position:relative;padding-left:25px}.pricing-card li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#eafaf4;color:var(--nanty-teal);display:grid;place-items:center;font-size:10px;font-weight:900}

.sticky-copy{position:sticky;top:115px}.faq-list{display:grid;gap:11px}.faq-list details{background:#fff;border:1px solid var(--nanty-line);border-radius:16px;padding:0 20px;transition:.2s ease}.faq-list details[open]{box-shadow:0 14px 40px rgba(33,70,120,.07);border-color:#d6e2ef}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-weight:800;color:var(--nanty-ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:var(--nanty-blue);font-size:18px;transition:.2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-3px 38px 20px 0;font-size:13px}

@media(max-width:1199px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-kpis .metric-card:nth-last-child(-n+2){grid-column:auto}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid:before{display:none}}
@media(max-width:991px){.automation-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);margin:auto}.analytics-lower{grid-template-columns:1fr}.pricing-card.popular{transform:none}.sticky-copy{position:static}.analytics-intro{margin-bottom:12px}}
@media(max-width:767px){.process-grid{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr 1fr}.automation-caption{margin-left:0;margin-right:0}.pricing-card>p{min-height:0}}
@media(max-width:575px){.analytics-kpis{grid-template-columns:1fr}.bar-chart{gap:8px;height:130px}.process-card{min-height:0}}

/* V4 — Finition du haut de page : header, hero, confiance, bénéfices, conversations */
.nanty-shell{max-width:1510px;margin:0 auto;padding-left:34px;padding-right:34px}
.nanty-nav-v4{background:rgba(255,255,255,.96);box-shadow:0 6px 28px rgba(15,44,82,.035)}
.nanty-nav-v4 .navbar{min-height:74px;padding:9px 0}
.nanty-nav-v4 .nanty-brand{font-size:23px;letter-spacing:-.035em}
.nanty-mark-v4{position:relative;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f6fffc,#eef8ff);box-shadow:inset 0 0 0 1px #dfece8,0 7px 18px rgba(16,114,93,.10);overflow:hidden}
.nanty-mark-v4 i,.nanty-mark-v4 b{position:absolute;display:block;width:8px;height:17px;border-radius:8px;transform:rotate(38deg)}
.nanty-mark-v4 i:first-child{left:8px;top:5px;background:#0bb789}.nanty-mark-v4 i:nth-child(2){right:8px;bottom:5px;background:#2776df}
.nanty-mark-v4 b:nth-child(3){right:8px;top:5px;background:#53d6ba}.nanty-mark-v4 b:nth-child(4){left:8px;bottom:5px;background:#69a5ed}
.nanty-nav-v4 .nav-link{font-size:14px;padding:9px 14px!important;color:#34435b!important}
.nav-actions-v4{display:flex;align-items:center;gap:22px}.nav-login{font-size:14px;font-weight:700;color:#34435b;text-decoration:none}.nav-login:hover{color:var(--nanty-blue)}
.btn-nav-v4{padding:11px 17px;border-radius:10px;font-size:13px;box-shadow:0 9px 20px rgba(17,168,116,.16)}

.hero-v4{padding:78px 0 82px;background:radial-gradient(circle at 78% 8%,rgba(35,113,222,.105),transparent 34%),radial-gradient(circle at 12% 32%,rgba(17,168,116,.085),transparent 30%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.hero-v4:after{display:none}.hero-copy-v4{position:relative;z-index:5;padding-right:22px}
.hero-eyebrow-v4{font-size:12px;letter-spacing:.055em;text-transform:none;background:#effaf6;border:1px solid #d6f2e7;padding:8px 11px;border-radius:999px;margin-bottom:22px;color:#087d59}
.hero-eyebrow-v4:before{display:none}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--nanty-teal);box-shadow:0 0 0 4px rgba(17,168,116,.10)}
.hero-v4 h1{font-size:clamp(46px,4.5vw,68px);line-height:1.015;max-width:690px;margin-bottom:23px}.hero-v4 h1 .accent{background:linear-gradient(90deg,#1769d2,#0b9c7d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v4 .hero-lead{font-size:17px;line-height:1.72;max-width:610px;margin-bottom:28px;color:#596b83}
.hero-actions-v4{margin-bottom:24px}.btn-hero-primary,.btn-hero-secondary{padding:14px 20px;border-radius:11px;font-size:14px}
.hero-tags{display:flex;gap:9px;flex-wrap:wrap}.hero-tags span{font-size:11px;font-weight:750;color:#53637a;background:#fff;border:1px solid #e1eaf4;border-radius:999px;padding:8px 11px;box-shadow:0 8px 22px rgba(33,70,120,.04)}
.hero-product-v4{position:relative;padding:18px 34px 24px 8px;min-height:505px;display:flex;align-items:center}
.hero-app-frame{position:relative;z-index:2;width:100%;background:#fff;border:1px solid #d8e4f0;border-radius:20px;overflow:hidden;box-shadow:0 36px 90px rgba(25,58,105,.18);transform:perspective(1400px) rotateY(-1.6deg) rotateX(.6deg)}
.hero-app-topbar{height:48px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e8eef5}.app-ident{display:flex;align-items:center;gap:7px}.app-ident-dot{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--nanty-teal),var(--nanty-blue))}.app-ident strong{font-size:11px;color:#22324a}.app-ident small{font-size:9px;color:#96a2b2;margin-left:2px}.app-live{font-size:9px;font-weight:750;color:#738299;background:#f7f9fc;border:1px solid #e5ebf2;border-radius:999px;padding:6px 9px}.app-live span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#19b77c;margin-right:5px}
.hero-app-viewport{height:410px;overflow:hidden;background:#edf3f9}.hero-app-viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-product-glow{position:absolute;z-index:0;right:4%;bottom:8%;width:72%;height:60%;border-radius:50%;background:linear-gradient(135deg,rgba(33,111,223,.16),rgba(17,168,116,.11));filter:blur(55px)}
.hero-kpi{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.97);border:1px solid #e0e9f3;box-shadow:0 18px 50px rgba(23,58,104,.16);border-radius:14px;padding:11px 13px;min-width:154px;backdrop-filter:blur(12px)}.hero-kpi strong{display:block;font:800 21px/1.05 "Urbanist",sans-serif;color:#0e1f37}.hero-kpi small{display:block;margin-top:2px;font-size:9px;color:#75839a;font-weight:650}.hero-kpi-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900}.hero-kpi-icon.mint{background:#e7faf3;color:#0d9c6f}.hero-kpi-icon.amber{background:#fff4d9;color:#bd7c00}.hero-kpi-icon.blue{background:#e9f2ff;color:#216fdf}.hero-kpi-a{right:2px;top:42px}.hero-kpi-b{right:-2px;bottom:54px}.hero-kpi-c{left:-12px;bottom:16px}

.trust-v4{padding:0;background:#fff}.trust-v4-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5}
.trust-flow,.trust-statements{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.trust-flow{font-weight:800}.trust-nanty{display:flex;align-items:center;gap:7px;color:#0f263f}.mini-nanty-mark{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--nanty-teal),var(--nanty-blue));display:inline-block}.trust-arrow{color:#b1bdcb}.trust-meta{color:#1769d2;font-family:"Urbanist",sans-serif;font-size:17px}.trust-whatsapp{color:#0b9969;display:flex;align-items:center;gap:7px}.wa-bubble{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid #0b9969;font-size:9px}.trust-statements{justify-content:flex-end}.trust-statements span{display:flex;gap:7px;align-items:center;color:#65758b;font-size:11px;font-weight:650}.trust-statements i{font-style:normal;color:#0b9c6d;width:18px;height:18px;border-radius:50%;background:#eafaf4;display:grid;place-items:center;font-size:10px}

.benefits-v4{padding-top:94px;padding-bottom:96px}.section-heading-v4{max-width:790px;margin-bottom:42px}.section-heading-v4 .section-eyebrow{text-transform:none;letter-spacing:.03em}.section-heading-v4 h2{font-size:clamp(36px,3.7vw,51px)}.section-heading-v4 p{max-width:680px;font-size:16px}
.feature-card-v4{padding:27px 28px 25px;min-height:330px;display:flex;flex-direction:column;border-radius:20px;box-shadow:0 15px 44px rgba(36,70,114,.045)}.feature-card-v4:after{width:140px;height:140px;right:-66px;top:-70px}.feature-card-v4.featured-benefit{border-color:#ccddf2;box-shadow:0 22px 60px rgba(33,111,223,.08)}.feature-card-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.feature-index{font:800 11px/1 "Urbanist",sans-serif;color:#a1adbd}.feature-kicker{font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#8491a4}.feature-card-v4 .feature-icon{margin-bottom:19px}.feature-card-v4 h3{font-size:24px;margin-bottom:10px}.feature-card-v4 p{font-size:14px;line-height:1.7}.feature-detail{margin-top:auto;padding-top:18px;border-top:1px solid #edf1f6;color:#60718a;font-size:10px;font-weight:750;display:flex;justify-content:space-between;gap:8px}.feature-detail span{color:var(--nanty-blue);font-size:16px;line-height:1}

.conversation-v4{padding-top:102px;padding-bottom:110px;background:#fff}.conversation-heading-row{margin-bottom:32px}.conversation-v4 h2{font-size:clamp(38px,4vw,55px);margin-bottom:0}.conversation-intro{font-size:16px;line-height:1.75;max-width:760px;margin:18px 0 0 auto}.conversation-showcase-v4{position:relative;margin-top:24px;padding:18px 60px 34px}.conversation-showcase-v4:before{content:"";position:absolute;inset:11% 5% 2%;border-radius:40px;background:radial-gradient(circle at 25% 10%,rgba(33,111,223,.12),transparent 36%),radial-gradient(circle at 82% 72%,rgba(17,168,116,.12),transparent 36%),#f5f9fe;z-index:0}.conversation-screen-v4{position:relative;z-index:2;background:#fff;border:1px solid #dbe6f1;border-radius:20px;padding:8px;box-shadow:0 32px 85px rgba(26,58,100,.16);overflow:hidden}.screen-topbar-v4{height:39px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px}.screen-topbar-v4>div{display:flex;gap:5px}.screen-topbar-v4>div span{width:8px;height:8px;border-radius:50%;background:#e3e8ee}.screen-topbar-v4>div span:first-child{background:#ff928a}.screen-topbar-v4>div span:nth-child(2){background:#ffd56a}.screen-topbar-v4>div span:nth-child(3){background:#64d5a1}.screen-topbar-v4 strong{font-size:10px;color:#4e5e74}.screen-topbar-v4 small{text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#a2adba;font-weight:800}.conversation-screen-v4 img{display:block;width:100%;border:1px solid #edf1f5;border-radius:12px}.conversation-note{position:absolute;z-index:4;width:205px;background:rgba(255,255,255,.98);border:1px solid #dfe8f2;border-radius:14px;padding:13px 14px;box-shadow:0 18px 45px rgba(30,63,105,.14)}.conversation-note span{display:block;font-size:9px;font-weight:900;color:var(--nanty-teal);margin-bottom:3px}.conversation-note strong{display:block;font-size:12px;color:#182a42}.conversation-note small{display:block;font-size:9px;color:#78879b;line-height:1.45;margin-top:3px}.note-left{left:9px;bottom:8px}.note-right{right:8px;top:60px}.conversation-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.conversation-capabilities article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:18px 17px;border:1px solid #e5edf5;border-radius:15px;background:#fff}.cap-icon{width:36px;height:36px;border-radius:11px;background:#eef6ff;color:#216fdf;display:grid;place-items:center;font:800 11px/1 "Urbanist",sans-serif}.conversation-capabilities article:nth-child(2) .cap-icon{background:#eafaf4;color:#0a9c6e}.conversation-capabilities article:nth-child(3) .cap-icon{background:#fff5df;color:#b87b08}.conversation-capabilities article:nth-child(4) .cap-icon{background:#f0ecff;color:#7659d8}.conversation-capabilities strong{display:block;font-size:12px;margin-bottom:3px}.conversation-capabilities p{font-size:10px;line-height:1.45;margin:0;color:#7b899d}

@media(max-width:1279px){.hero-v4 h1{font-size:56px}.hero-app-viewport{height:370px}.hero-product-v4{min-height:460px}.hero-kpi-b{right:1px}.conversation-showcase-v4{padding-left:42px;padding-right:42px}}
@media(max-width:991px){.nanty-shell{padding-left:24px;padding-right:24px}.nav-actions-v4{align-items:flex-start;gap:12px;padding:7px 14px 11px}.hero-v4{padding-top:54px}.hero-copy-v4{padding-right:0}.hero-product-v4{margin-top:24px;padding-left:10px;padding-right:10px}.hero-kpi-a{right:0}.hero-kpi-b{right:3px}.hero-kpi-c{left:0}.trust-v4-inner{padding:20px 0;display:grid;justify-content:start}.trust-statements{justify-content:flex-start}.conversation-intro{margin:0}.conversation-heading-row{margin-bottom:18px}.conversation-capabilities{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.nanty-shell{padding-left:18px;padding-right:18px}.hero-v4 h1{font-size:45px}.hero-app-viewport{height:310px}.hero-product-v4{min-height:440px;padding-bottom:92px}.hero-kpi{min-width:145px}.hero-kpi-a{top:30px}.hero-kpi-b{bottom:45px}.hero-kpi-c{bottom:4px}.trust-flow{gap:10px}.trust-statements{display:grid;gap:8px}.conversation-showcase-v4{padding:12px 0 20px}.conversation-note{display:none}.conversation-showcase-v4:before{inset:5% -10px 0}.conversation-capabilities{grid-template-columns:1fr}.feature-card-v4{min-height:0}}
@media(max-width:575px){.hero-v4{padding-bottom:55px}.hero-v4 h1{font-size:40px}.hero-app-viewport{height:250px}.hero-product-v4{min-height:390px;padding:12px 0 104px}.hero-app-frame{transform:none}.hero-kpi-a{top:0;right:-3px}.hero-kpi-b{right:auto;left:0;bottom:43px}.hero-kpi-c{right:0;left:auto;bottom:0}.app-ident small{display:none}.conversation-v4{padding-top:78px;padding-bottom:82px}.screen-topbar-v4{grid-template-columns:1fr auto}.screen-topbar-v4 strong{display:none}.benefits-v4{padding-top:76px;padding-bottom:78px}}

.avatar-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 6px 14px rgba(23,43,77,.12);border:2px solid rgba(255,255,255,.92);background:#edf5ff}
.avatar-photo-sm{width:34px;height:34px}
.avatar-photo-xs{width:28px;height:28px}
.operator-load>div>.avatar-photo{border-width:0;box-shadow:none;background:#edf5ff}
.managed-service-callout{margin-top:28px;padding:28px 30px;border:1px solid #dde7f4;border-radius:24px;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 50%,#f5fbf8 100%);display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 20px 40px rgba(18,38,63,.06)}
.managed-service-callout h3{margin:10px 0 10px;font-size:28px;line-height:1.2;color:#16253d}
.managed-service-callout p{margin:0;max-width:860px;color:#4b5d78;font-size:16px;line-height:1.7}
.managed-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eaf4ff;color:#2161d5;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
@media (max-width: 991px){.managed-service-callout{flex-direction:column;align-items:flex-start}.managed-service-callout h3{font-size:24px}}

/* V5 — Finition Client 360, collaboration, historique, automatisation, analytics */
.context-section{background:linear-gradient(180deg,#f7fbff 0%,#fbfdfd 100%)}
.context-section .row{position:relative;z-index:2}
.context-section:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(33,111,223,.08),transparent 67%);left:-170px;bottom:-170px;pointer-events:none}
.context-visual{padding:14px 55px 58px 0}
.context-visual .browser-frame{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #dce7f2}
.context-visual .browser-toolbar{height:38px;background:#fbfcfe;border-bottom:1px solid #e7edf4;display:flex;gap:6px;align-items:center;padding:0 13px}
.context-visual .browser-toolbar span{width:8px;height:8px;border-radius:50%;background:#ff8d83}.context-visual .browser-toolbar span:nth-child(2){background:#ffc563}.context-visual .browser-toolbar span:nth-child(3){background:#5ed39d}
.context-visual .browser-frame img{display:block;width:100%;height:auto}
.focus-client{width:270px;right:4px;bottom:4px;padding:11px}
.context-insight-card{position:absolute;left:18px;bottom:7px;z-index:5;display:flex;flex-direction:column;min-width:190px;padding:13px 15px;border-radius:15px;background:rgba(14,31,55,.95);color:#fff;box-shadow:0 20px 48px rgba(14,31,55,.22);backdrop-filter:blur(8px)}
.context-insight-card span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a9c3e8;font-weight:800}.context-insight-card strong{font-size:18px;margin:2px 0}.context-insight-card small{font-size:10px;color:#cbd8e8}
.context-tabs-v5{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 4px}
.context-tabs-v5 span{padding:7px 10px;border:1px solid #dce6f0;border-radius:999px;background:#fff;color:#64758d;font-size:10px;font-weight:750}.context-tabs-v5 span.active{color:#1769d2;background:#edf5ff;border-color:#cfe0f5}
.context-points{margin-top:18px}

.team-section{background:#fff}
.team-showcase{padding:20px;border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(33,111,223,.08),transparent 28%),linear-gradient(180deg,#fbfdff,#f4f8fd)}
.capacity-card-v5{padding:17px}
.capacity-card-v5 .capacity-head strong{font-size:10px;color:#8d9aae;font-weight:750;background:#f5f7fa;padding:5px 8px;border-radius:999px}
.mini-operator-load{padding:10px 0;border-top:1px solid #edf1f5}.mini-operator-load:first-of-type{border-top:0;padding-top:2px}.mini-operator-head{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-bottom:8px}.mini-operator-head strong{display:block;font-size:11px;color:#1a2b44}.mini-operator-head small{display:block;font-size:9px;color:#8b99ad}.mini-operator-head b{font-size:9px;color:#53657d}.capacity-card-v5 .capacity-track{height:5px;margin:0}.blue-track span{background:linear-gradient(90deg,#216fdf,#6ea6ef)}.violet-track span{background:linear-gradient(90deg,#775dde,#a995f1)}
.notes-card{display:flex;flex-direction:column;justify-content:space-between}.notes-card p{min-height:75px}
.team-screen-strip{position:relative;height:165px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.team-screen-strip:after{content:"Aperçu de la file de travail";position:absolute;right:10px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(14,31,55,.78);color:#fff;font-size:8px;font-weight:750;letter-spacing:.03em}.team-screen-strip img{transform:translateY(-5%)}
.team-managed-link{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;margin-top:24px;padding:14px 15px;border:1px dashed #bdd5ee;border-radius:15px;background:#f8fbff;text-decoration:none;transition:.2s ease}.team-managed-link:hover{background:#f1f7ff;border-color:#92bde7}.team-managed-link>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e8f2ff;color:#216fdf;font-size:18px;font-weight:800}.team-managed-link strong{display:block;color:#20334e;font-size:12px;margin-bottom:2px}.team-managed-link small{display:block;color:#76869c;font-size:10px;line-height:1.4}

.commerce-context{background:linear-gradient(180deg,#f8fbfe 0%,#f5f9fd 100%)}
.context-mosaic{gap:16px}.mosaic-card{border-radius:20px;padding:11px;box-shadow:0 20px 60px rgba(33,70,120,.08)}.mosaic-title{padding:7px 7px 11px}.mosaic-title span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1aae79;margin-right:7px}.mosaic-history .mosaic-title span:before{background:#216fdf}.mosaic-notes .mosaic-title span:before{background:#7962d8}
.history-ribbon-v5{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:23px 0 8px;padding:12px 13px;border:1px solid #e0e9f3;border-radius:15px;background:#fff}.history-ribbon-v5 span{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750;color:#52647c}.history-ribbon-v5 span i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#216fdf;font-size:8px}.history-ribbon-v5 b{color:#b0bccb;font-size:11px}.history-list{margin-top:18px}
.integration-callout{box-shadow:0 13px 35px rgba(25,60,105,.05)}

.automation-section{background:radial-gradient(circle at 88% 36%,rgba(17,168,116,.075),transparent 32%),linear-gradient(180deg,#f8fcfa,#f8fbff)}
.automation-flow{position:relative;padding:25px;background:#fff;border-radius:24px}.automation-flow:before{content:"Automatique → intervention humaine";position:absolute;top:-13px;right:22px;padding:6px 10px;border-radius:999px;background:#0e1f37;color:#fff;font-size:8px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;box-shadow:0 8px 20px rgba(14,31,55,.15)}
.flow-card{min-height:202px;border-radius:18px;box-shadow:0 12px 32px rgba(24,55,93,.04)}
.flow-head-brand>span,.flow-head-person>span{display:flex;align-items:center;gap:6px}.flow-brand-dot{display:inline-block;width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,#12b183,#2674df)}.avatar-photo-xxs{width:22px;height:22px;border-width:1px}
.automation-caption{border-radius:17px;background:linear-gradient(90deg,#f1fff8,#f3f8ff);border-color:#dcebe6}

.analytics-section{background:#fff}
.analytics-panel{border-radius:24px;padding:19px;background:linear-gradient(180deg,#f9fbfe,#f4f8fd);border:1px solid #dce7f2;box-shadow:0 24px 65px rgba(33,70,120,.08)}
.analytics-panel-head-v5{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 4px 16px}.analytics-panel-head-v5>div{display:flex;align-items:center;gap:8px}.analytics-panel-head-v5 strong{font-size:12px;color:#20334e}.analytics-panel-head-v5 small{font-size:9px;color:#8b99ad}.live-dot-v5{width:8px;height:8px;border-radius:50%;background:#17b978;box-shadow:0 0 0 4px rgba(23,185,120,.10)}.date-chip-v5{font-size:9px;color:#61738c;background:#fff;border:1px solid #dde6f0;border-radius:999px;padding:6px 9px;font-weight:750}
.analytics-kpis{gap:11px}.metric-card{border-radius:16px;box-shadow:0 9px 22px rgba(31,64,105,.04)}.analytics-chart-card,.analytics-queue-card{border-radius:18px;box-shadow:0 12px 32px rgba(31,64,105,.04)}

.managed-service-callout{scroll-margin-top:110px}

@media(max-width:991px){
  .context-visual{padding-right:30px}.context-insight-card{left:8px}.focus-client{width:235px}
  .team-screen-strip{height:140px}
  .history-ribbon-v5{margin-top:18px}
}
@media(max-width:767px){
  .context-visual{padding:0 0 180px}.context-insight-card{left:5px;bottom:100px;min-width:165px}.focus-client{width:205px}
  .team-bottom{grid-template-columns:1fr}.team-screen-strip{height:125px}
  .history-ribbon-v5 b{display:none}.history-ribbon-v5{gap:5px}
  .automation-flow{padding:18px;margin-top:16px}.automation-flow:before{right:14px}
  .analytics-panel{padding:13px}.analytics-panel-head-v5 small{display:none}
}

/* V10 Meta-ready / prelaunch */
.security-proof-section{padding:34px 0 42px;background:#fff;border-bottom:1px solid #edf1f6}
.security-proof-inner{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:34px;align-items:center;padding:30px 34px;border:1px solid #e2eaf4;border-radius:26px;background:linear-gradient(135deg,#f8fbff 0%,#f3f9ff 54%,#f4fbf7 100%)}
.security-proof-copy h2{font-size:30px;line-height:1.18;margin:9px 0 11px;color:#16253d}.security-proof-copy p{margin:0;color:#56677e;line-height:1.65}
.security-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-proof-grid article{padding:20px;border-radius:18px;background:#fff;border:1px solid #e5edf6;box-shadow:0 14px 30px rgba(20,43,75,.05)}.security-proof-grid article>span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:9px;background:#eaf3ff;color:#2264d7;font-size:10px;font-weight:800}.security-proof-grid strong{display:block;margin:12px 0 7px;font-size:14px;color:#1c2c44}.security-proof-grid p{margin:0;font-size:12px;line-height:1.55;color:#6b7b91}
@media(max-width:991px){.security-proof-inner{grid-template-columns:1fr}.security-proof-grid{grid-template-columns:1fr}.security-proof-copy h2{font-size:25px}}


/* V10.1 — homepage mobile overflow + compact rhythm */
@media(max-width:767px){
  .hero-copy-v4{min-width:0;max-width:100%;padding-right:0}
  .hero-v4 h1{font-size:38px;line-height:1.06;letter-spacing:-.035em}
  .hero-v4 .hero-lead{display:block;width:100%;max-width:100%;min-width:0;font-size:15.5px;line-height:1.62;overflow-wrap:anywhere;word-break:normal}
  .hero-actions-v4{margin-top:22px}
  .section-space{padding:52px 0}
}
@media(max-width:575px){
  .hero-v4{padding-top:42px}
  .hero-v4 h1{font-size:36px}
  .section-space{padding:46px 0}
}

/* V10.1.1 — final mobile header + hero polish */
@media(max-width:991px){
  .nanty-nav .navbar-collapse{margin-left:-24px;margin-right:-24px;padding:8px 24px 14px!important}
  .nanty-nav .navbar-nav{padding:0}
  .nanty-nav .nav-link{padding:7px 0!important;line-height:1.25}
  .nav-actions-v4{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:8px 0 2px}
  .nav-login{white-space:nowrap;line-height:1.2}
  .btn-nav-v4{width:100%;min-width:0;justify-content:center;padding:11px 14px}
}
@media(max-width:767px){
  .hero-v4{overflow:hidden}
  .hero-v4 .row,.hero-v4 .hero-copy-v4,.hero-v4 .hero-lead{max-width:100%;min-width:0}
  .hero-v4 .hero-copy-v4{padding-left:0;padding-right:0}
  .hero-v4 .hero-lead{width:auto;max-width:100%;margin-right:0;padding-right:2px;box-sizing:border-box;overflow-wrap:break-word;word-break:normal}
}
@media(max-width:575px){
  .nanty-nav .navbar-collapse{margin-left:-20px;margin-right:-20px;padding-left:20px!important;padding-right:20px!important}
  .nanty-nav .nav-link{font-size:13.5px;padding:6px 0!important}
  .nav-actions-v4{grid-template-columns:auto minmax(0,1fr);gap:12px}
  .nav-login{font-size:13px}
  .btn-nav-v4{font-size:12.5px;line-height:1.15;padding:10px 12px}
  .hero-v4 .hero-lead{font-size:15px;line-height:1.58}
}

/* V10.1.2 — iOS Safari hero gutter fix */
@media(max-width:767px){
  .hero-v4 > .nanty-shell{width:100%;max-width:100%;box-sizing:border-box}
  .hero-v4 .row{--bs-gutter-x:0;margin-left:0!important;margin-right:0!important;width:100%;max-width:100%}
  .hero-v4 .hero-copy-v4{width:100%;max-width:100%;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
  .hero-v4 h1,.hero-v4 .hero-lead,.hero-v4 .hero-actions-v4,.hero-v4 .hero-tags,.hero-v4 .hero-eyebrow-v4{max-width:100%;box-sizing:border-box}
}

/* Nanty Flow brand system — production 2026-09-24 */
.nanty-brand{
  gap:8px;
  line-height:1;
}
.nanty-flow-symbol{
  display:block;
  width:36px;
  height:auto;
  flex:0 0 auto;
}
.nanty-flow-wordmark{
  display:block;
  width:72px;
  height:auto;
  flex:0 0 auto;
}
.footer-nanty .nanty-flow-symbol{width:40px}
.footer-nanty .nanty-flow-wordmark{width:80px}
.eco-logo-mark{
  width:42px!important;
  height:36px!important;
  border-radius:0!important;
  background:transparent url('/assets/images/nanty/flow/nanty-flow-symbol.svg?v=20260924-flow1') center/contain no-repeat!important;
  box-shadow:none!important;
}
@media(max-width:575px){
  .nanty-flow-symbol{width:33px}
  .nanty-flow-wordmark{width:66px}
}

/* Nanty Flow exact approved raster master — 2026-09-24 */
.nanty-brand{
  gap:0!important;
  line-height:1;
}
.nanty-brand .nanty-flow-symbol,
.nanty-brand .nanty-flow-wordmark{
  display:none!important;
}
.nanty-flow-lockup{
  display:block;
  width:140px;
  height:auto;
  flex:0 0 auto;
  object-fit:contain;
}
.footer-nanty .nanty-flow-lockup{
  width:176px;
}
.eco-logo-mark{
  width:42px!important;
  height:42px!important;
  border-radius:0!important;
  background:transparent url('/assets/images/nanty/flow/approved/nanty-flow-symbol-128.png?v=20260924-flow-exact1') center/contain no-repeat!important;
  box-shadow:none!important;
}
@media(max-width:575px){
  .nanty-flow-lockup{width:126px}
  .footer-nanty .nanty-flow-lockup{width:164px}
}

/* Exact lockup optical sizing */
.nanty-flow-lockup{width:160px}
.footer-nanty .nanty-flow-lockup{width:200px}
@media(max-width:575px){
  .nanty-flow-lockup{width:144px}
  .footer-nanty .nanty-flow-lockup{width:184px}
}