/* Site vitrine Norbert v4 — sections calquées sur le modèle « Fintrox » (héro paysage +
   tableau de bord, valeurs, bento, solutions à onglets, mission + chiffres, carrousel,
   intégrations, forfaits, pied de page sombre), dans la charte Norbert :
   vert foncé du modèle → vert #045440 · lime → rose #FFB7EF · accents Sweet Blue #0A63FF.
   Titres : sans-serif + mots clés en serif italique (Instrument Serif, repli du Times condensé). */
:root{
  --blue:#0A63FF; --blue-deep:#0848C2; --blue-soft:#E7F0FF;
  --green:#045440; --green-2:#0B6B50; --green-soft:#E6F0EC;
  --ink:#10362E; --ink-soft:#5F6E6A; --ink-faint:#A9B5B1;
  --pink:#FFB7EF; --pink-soft:#FFF0FB; --orange:#FF5E29; --burgundy:#7C0038;
  --cream:#FEF3EC; --grey:#F4F4F4; --line:#ECE8E4;
  --serif:'Instrument Serif','Times New Roman',serif;
  --sans:'Helvetica Now Display','Helvetica Neue',Helvetica,'Inter',Arial,sans-serif;
  --shadow:0 1px 2px rgba(16,54,46,.05),0 14px 36px rgba(16,54,46,.07);
  --shadow-lg:0 40px 100px rgba(16,54,46,.16);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;}
a{color:inherit;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
section{padding:120px 0;}
.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.i.sm{width:15px;height:15px;} .i.lg{width:24px;height:24px;}

/* ---------- Logo ---------- */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--blue);}
.logo-symbol,.logo-wordmark,.deco-symbol{display:inline-block;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;}
.logo-symbol,.deco-symbol{-webkit-mask-image:url(brand/norbert-symbole.png);mask-image:url(brand/norbert-symbole.png);}
.logo-symbol{width:30px;height:21px;}
.logo-wordmark{width:86px;height:19px;-webkit-mask-image:url(brand/norbert-wordmark.png);mask-image:url(brand/norbert-wordmark.png);}

/* ---------- Titres ---------- */
.title{margin:0;font-size:clamp(34px,4.4vw,56px);font-weight:500;letter-spacing:-0.035em;line-height:1.05;}
.title em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-0.01em;color:var(--blue);}
.center-head{text-align:center;margin-bottom:56px;}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px;}
.sub{margin:16px 0 0;font-size:17px;color:var(--ink-soft);max-width:560px;}
.center-head .sub{margin-left:auto;margin-right:auto;}

/* ---------- Boutons (pastille + rond fléché, comme le modèle) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border-radius:999px;font-family:var(--sans);font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;padding:7px 7px 7px 22px;transition:transform .15s ease,box-shadow .25s,background .2s;white-space:nowrap;line-height:1;}
.btn .arr{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;}
.btn:hover{transform:translateY(-1px);}
.btn:hover .arr{transform:rotate(45deg);}
.btn:active{transform:scale(.98);}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 10px 26px rgba(10,99,255,.28);}
.btn-blue .arr{background:#fff;color:var(--blue);}
.btn-blue:hover{background:var(--blue-deep);}
.btn-pink{background:var(--pink);color:var(--ink);}
.btn-pink .arr{background:var(--ink);color:#fff;}
.btn-white{background:#fff;color:var(--ink);box-shadow:var(--shadow);}
.btn-white .arr{background:var(--blue);color:#fff;}
.btn-sm{font-size:13.5px;padding:5px 5px 5px 16px;gap:10px;}
.btn-sm .arr{width:30px;height:30px;}
.btn-full{width:100%;}

/* ---------- Navigation (dans le héro, blanche ; opaque au défilement) ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s;}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.nav .logo{color:#fff;transition:color .3s;}
.nav-pill{display:flex;gap:2px;background:rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px;}
.nav-pill a{color:#fff;text-decoration:none;font-size:13.5px;font-weight:500;padding:8px 15px;border-radius:999px;transition:background .2s,color .3s;}
.nav-pill a:hover{background:rgba(255,255,255,.2);}
.nav.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line);}
.nav.scrolled .logo{color:var(--blue);}
.nav.scrolled .nav-pill{background:var(--grey);border-color:var(--line);}
.nav.scrolled .nav-pill a{color:var(--ink);}
.nav.scrolled .nav-pill a:hover{background:#fff;}
.nav.scrolled .btn-white{background:var(--blue);color:#fff;}
.nav.scrolled .btn-white .arr{background:#fff;color:var(--blue);}

/* ---------- Héro : paysage + tableau de bord ---------- */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--blue);}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff);z-index:1;}
.hero-copy{position:relative;z-index:2;text-align:center;padding:176px 24px 0;}
.hero h1{margin:0 auto;max-width:900px;font-size:clamp(44px,6.4vw,86px);font-weight:500;letter-spacing:-0.045em;line-height:1;}
.hero h1 em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-0.01em;}
.hero-sub{max-width:560px;margin:22px auto 0;font-size:17px;line-height:1.5;color:rgba(255,255,255,.9);}
.hero-copy .btn{margin-top:30px;}
.hero-dash{position:relative;z-index:2;max-width:900px;margin:70px auto 0;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left;}
.dcard{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:16px 18px;color:var(--ink);box-shadow:0 24px 60px rgba(4,40,30,.2);}
.dcard.span2{grid-column:span 2;}
.dtop{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;gap:8px;}
.dtop .ic{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);}
.dtop .sel{font-size:11px;font-weight:500;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:3px 10px;}
.dval{font-size:26px;font-weight:600;letter-spacing:-0.03em;margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.chip{font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px;letter-spacing:0;white-space:nowrap;}
.chip.green{background:var(--green-soft);color:var(--green);}
.chip.pink{background:var(--pink-soft);color:var(--burgundy);}
.chip.blue{background:var(--blue-soft);color:var(--blue);}
.chip.orange{background:#FFE9E0;color:#B23E14;}
.minibars{display:flex;align-items:flex-end;gap:8px;height:62px;margin-top:10px;}
.minibars i{flex:1;border-radius:6px;background:var(--blue-soft);}
.minibars i.on{background:var(--blue);}
.progress{height:8px;border-radius:99px;background:var(--grey);margin-top:12px;overflow:hidden;}
.progress b{display:block;height:100%;background:var(--pink);border-radius:99px;}
.dnote{font-size:11.5px;color:var(--ink-soft);margin-top:8px;}
.dbtn{margin-top:12px;display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border-radius:999px;padding:7px 12px;font-size:11.5px;font-weight:600;}

/* ---------- Valeurs (3 cartes pastel) ---------- */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.vcard{border-radius:22px;padding:30px;min-height:240px;display:flex;flex-direction:column;}
.vcard.c1{background:var(--cream);} .vcard.c2{background:var(--blue-soft);} .vcard.c3{background:var(--pink-soft);}
.vi{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;color:var(--ink);}
.vcard h3{margin:auto 0 8px;padding-top:40px;font-size:17px;font-weight:600;letter-spacing:-0.01em;}
.vcard p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.5;}

/* ---------- Bento fonctions ---------- */
.bento{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:18px;}
.b{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;}
.b h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-0.01em;}
.b p{margin:6px 0 0;font-size:13.5px;color:var(--ink-soft);line-height:1.5;}
.b-pad{padding:24px;}
.b-a{grid-row:span 2;background:var(--green);color:#fff;display:flex;flex-direction:column;padding:18px;border:0;}
.b-a p{color:rgba(255,255,255,.75);}
.illu{position:relative;background:var(--green-2);border-radius:18px;flex:1;min-height:360px;overflow:hidden;}
.illu .deco-symbol{position:absolute;width:300px;height:210px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);color:var(--pink);}
.illu .bubble{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:9px 12px;font-size:12.5px;box-shadow:0 14px 30px rgba(0,0,0,.2);max-width:190px;line-height:1.35;}
.illu .bubble.q{left:14px;top:18px;border-radius:14px 14px 14px 4px;}
.illu .bubble.r{right:14px;bottom:86px;background:var(--blue);color:#fff;border-radius:14px 14px 4px 14px;}
.illu .mini-card{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px rgba(0,0,0,.2);}
.illu .mini-card small{display:block;font-size:10.5px;color:var(--ink-soft);}
.illu .mini-card b{font-size:18px;letter-spacing:-0.02em;}
.b-a .cap{padding:20px 6px 6px;}
.b-land{min-height:300px;}
.land{position:absolute;inset:0;width:100%;height:100%;display:block;}
.b-c{display:flex;flex-direction:column;}
.b-c .strip-land{position:relative;height:150px;margin-top:auto;}
.b-c .strip-land .pillnote{position:absolute;left:24px;bottom:18px;background:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center;box-shadow:0 10px 24px rgba(0,0,0,.15);}
.bstats{display:flex;gap:34px;margin-top:26px;}
.bstats b{display:block;font-size:34px;font-weight:600;letter-spacing:-0.035em;line-height:1;}
.bstats span{font-size:12px;color:var(--ink-soft);}
.txlist{position:absolute;left:22px;right:22px;bottom:22px;background:#fff;border-radius:18px;padding:8px 16px;box-shadow:0 20px 50px rgba(0,0,0,.2);}
.txrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px;}
.txrow:first-child{border-top:0;}
.txrow .ic{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.txrow small{display:block;font-size:11px;color:var(--ink-soft);}
.txrow b{margin-left:auto;font-size:13px;white-space:nowrap;}
.b-head{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.b-head .sel{font-size:11.5px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:4px 11px;}
.linechart{width:100%;height:auto;margin-top:16px;display:block;}
.months{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-faint);margin-top:4px;}

/* ---------- Solutions à onglets ---------- */
.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:40px;overflow-x:auto;scrollbar-width:none;}
.tab{flex:1;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:14px 18px;font:inherit;font-size:14.5px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;}
.tab:hover{color:var(--ink);}
.tab.on{color:var(--ink);font-weight:600;border-color:var(--blue);}
.panel{display:none;grid-template-columns:1fr 1fr;gap:28px;}
.panel.on{display:grid;animation:fadeUp .5s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.pcol{display:flex;flex-direction:column;}
.pcol h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-0.02em;}
.pcol > p{margin:10px 0 18px;font-size:14.5px;color:var(--ink-soft);max-width:460px;}
.plist{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;}
.plist li{display:flex;gap:10px;align-items:center;font-size:14px;}
.plist .mi{width:26px;height:26px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pvis{margin-top:auto;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;min-height:300px;position:relative;overflow:hidden;padding:22px;}
.pvis.green{background:var(--green);border:0;color:#fff;}
.pvis.landbg{padding:0;border:0;}
.gauge{display:block;width:230px;max-width:100%;margin:20px auto 0;}
.gauge-leg{display:flex;justify-content:center;gap:18px;font-size:12px;color:var(--ink-soft);margin-top:14px;}
.gauge-leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;}
.assistant{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;background:rgba(255,255,255,.95);border-radius:22px;padding:22px 22px 18px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.25);color:var(--ink);}
.assistant small{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:var(--ink-soft);}
.assistant .ask{font-size:20px;letter-spacing:-0.02em;margin:14px 0 16px;line-height:1.25;}
.assistant .ask em{font-family:var(--serif);font-style:italic;color:var(--blue);}
.assistant .mic{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.cmp{display:flex;flex-direction:column;gap:14px;margin-top:10px;}
.cmp-row{font-size:13px;}
.cmp-row .lbl{display:flex;justify-content:space-between;margin-bottom:6px;}
.cmp-bar{height:12px;border-radius:99px;background:var(--grey);overflow:hidden;}
.cmp-bar b{display:block;height:100%;border-radius:99px;}
.verdict{margin-top:18px;background:var(--blue-soft);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.45;}
.prompt{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 16px;font-size:13px;color:var(--ink-soft);}
.prompt span:last-child{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.bars{display:flex;align-items:flex-end;gap:10px;height:130px;margin-top:22px;border-bottom:1px solid var(--line);}
.bars i{flex:1;border-radius:7px 7px 0 0;background:var(--blue);}
.bars i.alt{background:var(--pink);}
.bars-leg{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-faint);margin-top:6px;}
.report{background:#fff;color:var(--ink);border-radius:16px;padding:20px;}
.report .rt{font-family:var(--serif);font-size:30px;color:var(--blue);line-height:1;}
.report .rs{font-size:12px;color:var(--ink-soft);margin:4px 0 12px;}
.rrow{display:flex;justify-content:space-between;font-size:13px;padding:9px 0;border-top:1px solid var(--line);}
.rpdf{margin-top:12px;display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:600;color:var(--blue);}
.budgets{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.bud{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13.5px;}
.bud.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);}
.bud .dot{width:10px;height:10px;border-radius:50%;}
.bud b{margin-left:auto;font-size:13.5px;}
.oblig-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:13.5px;}
.oblig-row:first-child{border-top:0;}
.oblig-row small{display:block;color:var(--ink-soft);font-size:11.5px;}

/* ---------- Mission + chiffres ---------- */
.mission-title{max-width:760px;}
.calc-doodle{display:inline-block;width:.8em;height:1.1em;vertical-align:-.22em;margin:0 .06em;transform:rotate(-4deg);color:var(--blue);}
.mission-cols{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:64px 0 40px;}
.mcol .vi{margin-bottom:26px;}
.mcol h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-0.01em;}
.mcol p{margin:0;font-size:14.5px;color:var(--ink-soft);max-width:460px;}
.statbar{background:var(--green);color:#fff;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);padding:32px 8px;}
.statbar div{padding:0 26px;border-left:1px solid rgba(255,255,255,.18);}
.statbar div:first-child{border-left:0;}
.statbar b{display:block;font-size:34px;font-weight:600;letter-spacing:-0.035em;line-height:1.05;}
.statbar span{font-size:13px;color:rgba(255,255,255,.75);}

/* ---------- Carrousel d'exemples ---------- */
.carousel{position:relative;height:380px;overflow:hidden;}
.qcard{position:absolute;top:10px;left:50%;width:440px;max-width:calc(100% - 40px);margin-left:-220px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg);padding:30px;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s;}
.qcard[data-pos="0"]{transform:none;opacity:1;z-index:3;}
.qcard[data-pos="-1"]{transform:translateX(-470px) scale(.86);opacity:.35;z-index:2;}
.qcard[data-pos="1"]{transform:translateX(470px) scale(.86);opacity:.35;z-index:2;}
.qcard[data-pos="-2"]{transform:translateX(-900px) scale(.8);opacity:0;}
.qcard[data-pos="2"]{transform:translateX(900px) scale(.8);opacity:0;}
.qtime{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);}
.qtime .i{color:var(--blue);}
.qq{margin:16px 0 12px;font-size:19px;font-weight:500;letter-spacing:-0.02em;line-height:1.3;}
.qa{margin:0;font-size:14.5px;color:var(--ink-soft);line-height:1.55;}
.qa b{color:var(--ink);}
.qfoot{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;}
.qfoot .av{width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;}
.qfoot small{display:block;color:var(--ink-soft);}
.qfoot .chip{margin-left:auto;}
.car-btn{position:absolute;top:50%;z-index:5;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:background .2s,color .2s;}
.car-btn:hover{background:var(--ink);color:#fff;}
.car-btn.prev{left:calc(50% - 270px);} .car-btn.next{right:calc(50% - 270px);}
.car-note{text-align:center;font-size:12.5px;color:var(--ink-faint);margin-top:8px;}

/* ---------- Intégrations ---------- */
.integ{position:relative;height:500px;border-radius:28px;overflow:hidden;}
.integ .lines{position:absolute;inset:0;width:100%;height:100%;}
.ipill{position:absolute;transform:translate(-50%,-50%);background:#fff;border-radius:999px;padding:10px 16px 10px 10px;font-size:13.5px;font-weight:600;display:flex;gap:9px;align-items:center;box-shadow:0 14px 34px rgba(0,0,0,.18);white-space:nowrap;}
.ipill .ic{width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;}
.ipill small{font-size:10.5px;font-weight:500;color:var(--ink-soft);background:var(--grey);border-radius:999px;padding:2px 7px;}
.hub{position:absolute;left:50%;top:80%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,255,255,.25),0 0 0 26px rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.25);}
.hub .logo-symbol{width:46px;height:32px;}

/* ---------- Forfaits ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;}
.plan{border-radius:24px;border:1px solid var(--line);background:#fff;padding:14px;display:flex;flex-direction:column;box-shadow:var(--shadow);}
.plan-top{padding:14px 14px 20px;}
.plan-name{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;}
.price{font-size:42px;font-weight:600;letter-spacing:-0.04em;margin-top:16px;line-height:1;}
.price small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--ink-soft);}
.plan-desc{font-size:13.5px;color:var(--ink-soft);margin:10px 0 20px;min-height:40px;}
.plan-inc{background:var(--blue-soft);border-radius:18px;padding:20px;margin-top:14px;flex:1;}
.plan-inc h4{margin:0 0 12px;font-size:13px;}
.plan-inc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.plan-inc li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.4;}
.plan-inc li .i{color:var(--blue);margin-top:1px;}
.plan.featured{background:var(--green);color:#fff;border:0;box-shadow:var(--shadow-lg);}
.plan.featured .price small,.plan.featured .plan-desc{color:rgba(255,255,255,.75);}
.plan.featured .plan-inc{background:rgba(255,255,255,.08);}
.plan.featured .plan-inc li .i{color:var(--pink);}
.plan.featured .chip{background:var(--pink);color:var(--ink);}
.plans-note{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:24px;}

/* ---------- Pied de page ---------- */
.footer-wrap{padding:0 12px 12px;}
footer{background:var(--ink);color:#fff;border-radius:28px;padding:72px 0 28px;}
.fgrid{display:grid;grid-template-columns:.7fr 1.4fr 1.3fr;gap:48px;align-items:start;}
.flinks a{display:block;color:rgba(255,255,255,.72);text-decoration:none;font-size:14px;padding:5px 0;}
.flinks a:hover{color:#fff;}
.fnews h4{margin:0 0 6px;font-size:19px;font-weight:600;letter-spacing:-0.01em;}
.fnews p{margin:0;font-size:14px;color:rgba(255,255,255,.7);max-width:380px;}
.mini-form{display:flex;align-items:center;gap:6px;margin-top:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 6px 6px 8px;max-width:440px;}
.mini-form input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;font:inherit;font-size:14px;padding:8px 10px;}
.mini-form input::placeholder{color:rgba(255,255,255,.5);}
.mini-form .sep{width:1px;height:22px;background:rgba(255,255,255,.18);}
.mini-form button{width:40px;height:40px;border-radius:50%;border:0;background:var(--pink);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.footer-success{display:none;margin-top:20px;font-size:14px;color:var(--pink);}
.fnews .form-msg{margin-top:10px;}
.fbrand{justify-self:end;text-align:right;}
.fbrand .logo{color:#fff;gap:16px;}
.fbrand .logo-symbol{width:64px;height:45px;}
.fbrand .logo-wordmark{width:200px;height:44px;}
.fbrand p{margin:14px 0 0;font-size:13px;color:rgba(255,255,255,.6);}
.fbottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:64px;padding-top:22px;font-size:12.5px;color:rgba(255,255,255,.55);}
.fbottom a{text-decoration:none;}

/* ---------- Formulaire d'accès anticipé (fenêtre) ---------- */
.ea-modal{border:0;padding:0;border-radius:28px;max-width:560px;width:calc(100% - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);color:var(--ink);}
.ea-modal::backdrop{background:rgba(16,54,46,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.ea-modal[open]{animation:fadeUp .35s ease;}
.modal-body{padding:36px;position:relative;}
.modal-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.modal-body .kick{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);}
.modal-body h3{margin:10px 0 6px;font-size:30px;font-weight:500;letter-spacing:-0.03em;line-height:1.1;}
.modal-body h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:1.1em;}
.form-sub{margin:0 0 22px;font-size:14.5px;color:var(--ink-soft);}
.perks{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.field label{font-size:13px;font-weight:600;}
.field input,.field select,.field textarea{font:inherit;font-size:15px;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;}
.field textarea{resize:vertical;min-height:76px;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-legal{font-size:12px;color:var(--ink-soft);margin:14px 0 0;line-height:1.5;}
.form-msg{margin:12px 0 0;font-size:13.5px;padding:11px 14px;border-radius:14px;display:none;}
.form-msg.error{display:block;background:#FFE4DA;color:#B23E14;}
.form-success{display:none;text-align:center;padding:30px 10px 10px;}
.form-success .check{width:64px;height:64px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.form-success h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:44px;color:var(--blue);margin:0 0 10px;}
.form-success p{margin:0;color:var(--ink-soft);font-size:15px;}

/* ---------- Barre mobile ---------- */
.mobile-cta{display:none;}

/* ---------- Apparition ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
.d1{transition-delay:.08s;} .d2{transition-delay:.16s;} .d3{transition-delay:.24s;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}html{scroll-behavior:auto;}.qcard{transition:none;}}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .nav-pill{display:none;}
  .bento{grid-template-columns:1fr 1fr;}
  .b-a{grid-row:auto;grid-column:span 2;}
  .illu{min-height:300px;}
  .panel{grid-template-columns:1fr;}
  .mission-cols{grid-template-columns:1fr;gap:36px;}
  .statbar{grid-template-columns:1fr 1fr;gap:26px 0;}
  .statbar div:nth-child(3){border-left:0;}
  .plans{grid-template-columns:1fr;max-width:480px;margin:0 auto;}
  .fgrid{grid-template-columns:1fr 1fr;}
  .fbrand{grid-column:span 2;justify-self:start;text-align:left;}
  .car-btn.prev{left:12px;} .car-btn.next{right:12px;}
}
@media (max-width:720px){
  section{padding:84px 0;}
  .hero-copy{padding-top:130px;}
  .hero-dash{grid-template-columns:1fr 1fr;margin-top:50px;padding-bottom:80px;}
  .hero-dash .dcard:nth-child(3),.hero-dash .dcard:nth-child(5){display:none;}
  .dcard.span2{grid-column:span 2;}
  .dval{font-size:21px;}
  .values{grid-template-columns:1fr;}
  .vcard{min-height:0;}
  .bento{grid-template-columns:1fr;}
  .b-a{grid-column:auto;}
  .tab{flex:none;}
  .carousel{height:420px;}
  .qcard{width:calc(100% - 40px);margin-left:0;left:20px;}
  .qcard[data-pos="-1"]{transform:translateX(-110%);opacity:0;}
  .qcard[data-pos="1"]{transform:translateX(110%);opacity:0;}
  .car-btn{top:auto;bottom:0;margin:0;}
  .car-btn.prev{left:calc(50% - 56px);} .car-btn.next{right:calc(50% - 56px);}
  .integ{height:520px;}
  .ipill{font-size:12px;padding:8px 12px 8px 8px;}
  .ipill .ic{width:24px;height:24px;}
  .statbar{grid-template-columns:1fr;}
  .statbar div{border-left:0;}
  .fgrid{grid-template-columns:1fr;}
  .fbrand{grid-column:auto;}
  .fbrand .logo-wordmark{width:150px;height:33px;}
  .fbrand .logo-symbol{width:48px;height:34px;}
  .field-row{grid-template-columns:1fr;}
  .modal-body{padding:30px 20px;}
  .mobile-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:55;transform:translateY(160%);transition:transform .35s ease;}
  .mobile-cta.show{transform:none;}
  .mobile-cta .btn{width:100%;}
  .footer-wrap{padding-bottom:90px;}
}
.hero h1{max-width:1040px;}
.fgrid > *{min-width:0;} .mini-form input{width:100%;}

/* =====================================================================
   THÈME MINIMALISTE (2026-09-26) — même langage que l'app : fond gris très pâle, cartes
   blanches à ombre douce, texte presque noir, accent #C8D1D9 (fonds, pastilles, halos)
   et son ardoise #5E7182 (courbes, icônes), actions en pilules noires, panneaux sombres
   en dégradé anthracite, titres en deux tons (sans serif). Les sections restent celles
   du modèle Fintrox ; seules les couleurs et la typographie changent.
   ===================================================================== */
:root{
  --blue:#5E7182; --blue-deep:#4E6070; --blue-soft:#EEF1F4;
  --green:#2A2F34; --green-2:#3A4148; --green-soft:#EAF2EE;
  --ink:#141414; --ink-soft:#7A7A7A; --ink-faint:#ABABAB;
  --pink:#C8D1D9; --pink-soft:#F0F3F5; --orange:#9AA8B5; --burgundy:#3F4E5C;
  --cream:#F5F5F4; --grey:#F5F5F4; --line:#ECECEB;
  --tint:#C8D1D9; --tint-soft:#E3E8EC; --two-tone:#8E9AA6;
  --dark:linear-gradient(135deg,#343A40 0%,#1D2125 100%);
  --shadow:0 1px 2px rgba(20,20,20,.03),0 8px 26px rgba(20,20,20,.05);
  --shadow-lg:0 30px 80px rgba(20,20,20,.12);
}
body{background:#F5F5F4;}
section{background:transparent;}
#fonctions,#forfaits,#integrations{background:#fff;}

/* Titres deux tons, sans serif */
.title{font-weight:600;letter-spacing:-0.04em;}
.title em,.hero h1 em{font-family:var(--sans);font-style:normal;font-weight:600;font-size:1em;letter-spacing:-0.04em;color:var(--two-tone);}
.hero h1{font-weight:600;}

/* Boutons */
.btn-blue{background:linear-gradient(180deg,#2B2B2B 0%,#141414 100%);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08);}
.btn-blue:hover{background:linear-gradient(180deg,#333 0%,#1C1C1C 100%);box-shadow:0 10px 26px rgba(0,0,0,.18);}
.btn-blue .arr{background:#fff;color:var(--ink);}
.btn-pink{background:var(--tint);color:var(--ink);}
.btn-pink .arr{background:var(--ink);color:#fff;}
.btn-white .arr{background:var(--ink);color:#fff;}

/* Navigation et héro : texte foncé sur paysage brumeux */
.hero{color:var(--ink);background:#E9EDF1;}
.hero::after{background:linear-gradient(rgba(245,245,244,0),#F5F5F4);}
.hero-sub{color:#4A4F55;}
.nav .logo{color:var(--ink);}
.nav-pill{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8);}
.nav-pill a{color:var(--ink);}
.nav-pill a:hover{background:rgba(255,255,255,.8);}
.nav .btn-white,.nav.scrolled .btn-white{background:linear-gradient(180deg,#2B2B2B,#141414);color:#fff;}
.nav .btn-white .arr,.nav.scrolled .btn-white .arr{background:#fff;color:var(--ink);}
.nav.scrolled{background:rgba(245,245,244,.85);}
.nav.scrolled .logo{color:var(--ink);}
.nav.scrolled .nav-pill{background:#fff;border-color:var(--line);}
.hero-copy .btn-white{background:linear-gradient(180deg,#2B2B2B,#141414);color:#fff;box-shadow:0 12px 30px rgba(20,20,20,.18);}
.hero-copy .btn-white .arr{background:#fff;color:var(--ink);}
.dcard{background:rgba(255,255,255,.9);box-shadow:0 20px 50px rgba(40,50,60,.12);}

/* Pastilles */
.chip.blue{background:var(--tint-soft);color:var(--burgundy);}
.chip.pink{background:var(--pink-soft);color:var(--burgundy);}
.chip.orange{background:#F6F0E6;color:#8A5A12;}
.chip.green{background:var(--green-soft);color:#1F6246;}
.minibars i{background:var(--tint-soft);}
.minibars i.on{background:var(--blue);}
.progress b{background:var(--tint);}

/* Cartes valeurs */
.vcard.c1{background:#fff;box-shadow:var(--shadow);}
.vcard.c2{background:linear-gradient(160deg,#F0F3F5,#E3E8EC);}
.vcard.c3{background:#fff;box-shadow:var(--shadow);}

/* Bento, barre de chiffres, forfait vedette : panneaux anthracite dégradés */
.b{border:none;}
.b-a,.statbar,.plan.featured,.pvis.green{background:var(--dark);}
.illu{background:linear-gradient(160deg,#454C53,#2E3439);}
.illu .deco-symbol{color:var(--tint);opacity:.55;}
.illu .bubble.r,.fc-chat .r{background:var(--ink);}
.plan.featured .chip{background:var(--tint);color:var(--ink);}
.plan.featured .plan-inc li .i{color:var(--tint);}
.plan-inc{background:var(--blue-soft);}
.plan-inc li .i{color:var(--ink);}
.plan{border:none;}

/* Solutions */
#solutions{background:#F5F5F4!important;}
.tab.on{border-color:var(--ink);}
.plist .mi{background:var(--tint-soft);color:var(--burgundy);}
.pvis{border:none;}
.verdict{background:var(--blue-soft);}
.bars i{background:var(--blue);}
.bars i.alt{background:var(--tint);}
.bud.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--tint-soft);}
.assistant .ask em{font-family:var(--sans);font-style:normal;color:var(--two-tone);}
.assistant .mic{background:var(--ink);}
.prompt span:last-child{background:var(--ink);}
.report .rt{font-family:var(--sans);font-weight:600;font-size:24px;color:var(--ink);letter-spacing:-0.03em;}
.rpdf{color:var(--ink);}

/* Mission, carrousel, intégrations */
.calc-doodle{color:var(--two-tone);}
.vi{border-color:var(--ink);}
#exemples{background:linear-gradient(180deg,#F5F5F4 0%,#EEF1F4 100%)!important;}
.qcard{border:none;}
.qtime .i{color:var(--blue);}
.qfoot .av{background:var(--tint-soft);color:var(--burgundy);}
.ipill .ic{background:var(--tint-soft);color:var(--ink);}
.hub{color:var(--ink);}

/* Pied de page et fenêtre d'accès anticipé */
footer{background:#141414;}
.mini-form button{background:var(--tint);color:var(--ink);}
.footer-success{color:var(--tint);}
.modal-body .kick{color:var(--blue);}
.modal-body h3 em{font-family:var(--sans);font-style:normal;color:var(--two-tone);font-size:1em;}
.form-success .check{background:var(--ink);}
.form-success h3{font-family:var(--sans);font-style:normal;font-weight:600;font-size:34px;color:var(--ink);}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--tint);box-shadow:0 0 0 4px rgba(200,209,217,.45);}

/* =====================================================================
   Sans paysages, plus de couleur (2026-09-26) : dégradés doux en bleu-gris (autour de
   #C8D1D9) et jaune, à la place des fonds de nature. Le jaune sert aussi de touche
   d'accent (pastilles, barre de progression, bouton du pied de page, info-bulle).
   ===================================================================== */
:root{
  --bluegrey:#C8D1D9; --bluegrey-deep:#9FB0C0; --bluegrey-soft:#E6EBF0;
  --yellow:#F4D56A; --yellow-deep:#E9C23F; --yellow-soft:#FBF2D2; --yellow-ink:#6B5410;
}
.grad{position:absolute;inset:0;width:100%;height:100%;}
.bg-hero{
  background:
    radial-gradient(38% 55% at 18% 30%,rgba(159,176,192,.55),rgba(159,176,192,0) 70%),
    radial-gradient(34% 50% at 84% 22%,rgba(244,213,106,.55),rgba(244,213,106,0) 70%),
    radial-gradient(45% 45% at 60% 85%,rgba(200,209,217,.6),rgba(200,209,217,0) 70%),
    linear-gradient(180deg,#F3F5F7 0%,#EEF1F4 100%);
}
.bg-blue{background:radial-gradient(70% 90% at 20% 10%,#DDE4EA 0%,rgba(221,228,234,0) 70%),linear-gradient(140deg,#C8D1D9 0%,#9FB0C0 100%);}
.bg-yellow{background:radial-gradient(70% 90% at 80% 10%,#FCF3D6 0%,rgba(252,243,214,0) 70%),linear-gradient(140deg,#F8E7A6 0%,#F0CC57 100%);}
.bg-mix{background:
  radial-gradient(45% 70% at 15% 25%,rgba(244,213,106,.7),rgba(244,213,106,0) 70%),
  radial-gradient(50% 70% at 85% 75%,rgba(159,176,192,.8),rgba(159,176,192,0) 70%),
  linear-gradient(160deg,#EEF1F4 0%,#C8D1D9 100%);}
.hero{background:#F3F5F7;}
.hero::after{height:90px;}

/* Touches de jaune */
.chip.orange{background:var(--yellow-soft);color:var(--yellow-ink);}
.progress b{background:var(--yellow);}
.minibars i.on{background:var(--bluegrey-deep);}
.plan.featured .chip{background:var(--yellow);color:var(--ink);}
.plan.featured .plan-inc li .i{color:var(--yellow);}
.mini-form button{background:var(--yellow);color:var(--ink);}
.footer-success{color:var(--yellow);}
.bars i.alt{background:var(--yellow);}
.illu .deco-symbol{color:var(--yellow);opacity:.8;}
.b-c .strip-land .pillnote .i{color:var(--yellow-ink)!important;}
.statbar b{color:var(--yellow);}
.vcard.c1{background:linear-gradient(160deg,#FDF8E6,#FBF0CC);box-shadow:none;}
.vcard.c2{background:linear-gradient(160deg,#EEF1F4,#DCE3E9);}
.vcard.c3{background:#fff;box-shadow:var(--shadow);}
.btn-pink{background:var(--yellow);color:var(--ink);}
.btn-pink:hover{background:var(--yellow-deep);}
#exemples{background:linear-gradient(180deg,#F5F5F4 0%,#F7F1DE 55%,#EEF1F4 100%)!important;}
.qfoot .av{background:var(--yellow-soft);color:var(--yellow-ink);}
.bud.on{box-shadow:0 0 0 3px var(--yellow-soft);}
.bg-hero{
  background:
    radial-gradient(40% 60% at 16% 32%,rgba(159,176,192,.8),rgba(159,176,192,0) 70%),
    radial-gradient(36% 55% at 86% 20%,rgba(244,213,106,.8),rgba(244,213,106,0) 70%),
    radial-gradient(45% 45% at 55% 90%,rgba(200,209,217,.85),rgba(200,209,217,0) 70%),
    linear-gradient(180deg,#F3F5F7 0%,#EEF1F4 100%);
}

/* Un peu plus de couleur, toujours sobre (2026-09-26) : fonds de section teintés en
   alternance, icônes et cartes en bleu-gris / jaune pâles, titres deux tons plus bleutés. */
:root{ --two-tone:#7F93A6; }
.sec-values{background:linear-gradient(180deg,#F5F5F4 0%,#EEF1F4 100%);}
#fonctions{background:#fff;}
#solutions{background:linear-gradient(180deg,#EEF1F4 0%,#F5F2E8 100%)!important;}
.sec-mission{background:linear-gradient(180deg,#FBF6E6 0%,#F5F5F4 100%);}
#integrations,#forfaits{background:#fff;}

/* Cartes des valeurs : jaune, bleu-gris, mélange */
.vcard.c1{background:linear-gradient(160deg,#FCF3D4,#F7E3A0);}
.vcard.c2{background:linear-gradient(160deg,#E6EBF0,#C8D1D9);}
.vcard.c3{background:linear-gradient(160deg,#FBF4DD 0%,#E6EBF0 100%);box-shadow:none;}
.vcard .vi{background:rgba(255,255,255,.55);border-color:transparent;}

/* Icônes colorées */
.dtop .ic{border:none;background:var(--bluegrey-soft);color:#4E6070;}
.dcard:nth-child(2) .dtop .ic,.dcard:nth-child(5) .dtop .ic{background:var(--yellow-soft);color:var(--yellow-ink);}
.plist li:nth-child(odd) .mi{background:var(--bluegrey-soft);color:#4E6070;}
.plist li:nth-child(even) .mi{background:var(--yellow-soft);color:var(--yellow-ink);}
.mcol .vi{background:var(--yellow-soft);border-color:transparent;}
.mcol:nth-child(2) .vi{background:var(--bluegrey-soft);}
.ipill .ic{background:var(--yellow-soft);color:var(--yellow-ink);}
.ipill:nth-of-type(even) .ic{background:var(--bluegrey-soft);color:#4E6070;}

/* Cartes du bento teintées */
.b-chart{background:linear-gradient(180deg,#fff 0%,#F1F4F6 100%);}
.b-spend{background:linear-gradient(160deg,#FDF8E8 0%,#FBF0CF 100%);}

/* Carrousel : liseré de couleur sur la carte au centre */
.qcard{border-top:4px solid transparent;}
.qcard[data-pos="0"]{border-top-color:var(--yellow);}
.qcard:nth-of-type(even)[data-pos="0"]{border-top-color:var(--bluegrey-deep);}

/* Forfaits : encadrés teintés */
.plan:first-child .plan-inc{background:linear-gradient(160deg,#EEF1F4,#E1E7EC);}
.plan:last-child .plan-inc{background:linear-gradient(160deg,#FCF6E2,#F8EBC0);}

/* Onglet actif et bouton de la barre souligné en jaune */
.tab.on{border-color:var(--yellow-deep);}