@font-face{font-family:'Inter Variable';font-style:normal;font-display:swap;font-weight:100 900;src:url(/site-assets/pro/fonts/inter-latin-wght-normal.f11d729b.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --beige:#F7F1EA; --ink:#17253C; --ink-2:#4A5568; --muted:#6B7385; --line:#ECE6DE; --line-2:#E3E7EE;
  --blue:#3D55C7; --blue-soft:#EEF1FB; --deep:#16257A; --nuit:#17253C;
  --coral:#DE5941; --peach:#FFC2AE; --ok:#2D9D6A; --ok-soft:#E5F5EC; --warn:#A06A10; --warn-soft:#FBF1DD;
  --h:'Inter Variable',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --b:'Inter Variable',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--beige);color:var(--ink);font:400 16px/1.6 var(--b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--h);font-weight:600;letter-spacing:-.04em;line-height:1.02}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.kw{color:var(--blue)}
.grad{background:linear-gradient(95deg,#3D55C7 0%,#6D80E2 45%,#F09A84 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{display:inline-block;font:500 12px/1 var(--b);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:7px 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:999px;font:500 15.5px/1 var(--b);text-decoration:none;transition:transform .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn.dark{background:var(--nuit);color:#fff}
.btn.light{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.btn.sm{height:38px;padding:0 16px;font-size:14px}
@keyframes fl{50%{translate:0 -10px}}

/* nav */
.nav{position:sticky;top:0;z-index:40;padding:12px 0;transition:background .3s,box-shadow .3s}
.nav.solid{background:rgba(247,241,234,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.nav .wrap{display:flex;align-items:center;gap:26px}
.logo{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
.logo svg{height:22px;width:auto}
.logo b{font:600 11px/1 var(--b);letter-spacing:.08em;background:var(--blue);color:#fff;border-radius:6px;padding:5px 7px}
.nav nav{display:flex;gap:24px;margin-left:16px}
.nav nav a{color:var(--ink-2);text-decoration:none;font-size:15px}
.nav .btn{margin-left:auto}

/* hero */
.hero{padding:70px 0 90px;overflow-x:clip}
.hero-top{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end}
.hero h1{font-size:clamp(46px,7vw,98px)}
.badge-line{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);margin-bottom:22px}
.badge-line i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.hero-side p{font-size:18px;color:var(--ink-2);max-width:440px;margin-bottom:26px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.showcase{margin-top:60px;background:#fff;border-radius:32px;box-shadow:0 1px 0 var(--line),0 40px 80px -40px rgba(23,37,60,.25);padding:40px 40px 34px;position:relative;overflow:hidden}
.showcase::before{content:"";position:absolute;left:50%;top:40%;width:900px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(109,128,226,.14),transparent);pointer-events:none}

/* hub */
.hub{position:relative;max-width:1000px;height:440px;margin:0 auto}
.hub-lines{position:absolute;inset:0;width:100%;height:100%}
.hub-lines path{fill:none;stroke:#AEB9E8;stroke-width:2;stroke-dasharray:5 6}
.hub-lines circle{fill:var(--coral)}
.hub-src{position:absolute;left:0;top:50%;transform:translateY(-50%);width:250px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 30px 60px -30px rgba(23,37,60,.35);border:1px solid var(--line-2)}
.hub-src small,.lbl{display:block;font:600 10.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.src-row{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line-2);font-size:13px}
.src-row:first-of-type{border-top:0}
.src-row b{display:block;font-weight:600}
.src-row span{color:var(--muted);font-size:12px}
.th{width:44px;height:36px;border-radius:8px;display:block}
.t1{background:linear-gradient(135deg,#8DB08F,#D9C9A3 60%,#EFE6D2)}.t2{background:linear-gradient(135deg,#B9C4E3,#E7D8C4)}.t3{background:linear-gradient(135deg,#C9A98D,#EAD9C2)}
.src-foot{font-size:11.5px;color:var(--muted);margin-top:8px}
.hub-core{position:absolute;left:calc(50% - 75px);top:calc(50% - 75px);width:150px;height:150px;border-radius:40px;background:linear-gradient(160deg,#fff,#EEF1FB);box-shadow:0 0 0 10px rgba(61,85,199,.07),0 0 0 22px rgba(61,85,199,.04),0 30px 60px -20px rgba(23,37,60,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.hub-core img{width:104px;animation:fl 5s ease-in-out infinite}
.hub-core b{font:600 14px/1 var(--h);color:var(--blue)}
.hub-llm{position:absolute;right:0;top:50%;transform:translateY(-50%);width:230px;display:grid;gap:13px}
.llm{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:7px 14px 7px 7px;font:500 15px/1 var(--b);box-shadow:0 12px 26px -16px rgba(23,37,60,.35)}
.llm i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 13px/1 var(--b);font-style:normal;flex:none}
.llm em{margin-left:auto;font-style:normal;font:600 10.5px/1 var(--b);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:4px 7px}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px;position:relative}
.how div{border-top:1px solid var(--line-2);padding-top:22px}
.how .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--blue);color:#fff;font:600 13px/1 var(--b);margin-bottom:16px}
.how h3{font-size:24px;letter-spacing:-.04em;margin-bottom:6px}
.how p{color:var(--ink-2);font-size:15.5px}

/* statement */
.statement{background:var(--deep);color:#fff;border-radius:34px 34px 34px 34px;margin:0 16px;padding:100px 0 110px;text-align:center;position:relative;overflow:hidden}
.statement::before{content:"";position:absolute;left:50%;top:-30%;width:900px;height:600px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(109,128,226,.45),transparent);pointer-events:none}
.statement img{width:120px;margin:0 auto 26px;display:block;animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35));position:relative}
.statement h2{font-size:clamp(34px,4.6vw,60px);max-width:920px;margin:0 auto;position:relative}
.statement h2 span{color:var(--peach)}

/* features sticky */
.feat{padding:130px 0 60px}
.sh{text-align:center;max-width:860px;margin:0 auto 40px}
.sh .tag{margin-bottom:18px}
.sh h2{font-size:clamp(38px,4.8vw,62px)}
.sh p{font-size:17.5px;color:var(--ink-2);margin-top:16px}
.feat-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}
.fi{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.2;transition:opacity .6s}
.fi.on{opacity:1}
.fn{font:500 13px/1 var(--b);color:var(--blue);letter-spacing:.08em;margin-bottom:16px}
.fi h3{font-size:clamp(34px,3.6vw,52px)}
.fi h3 span{color:var(--blue)}
.fi p{font-size:17.5px;color:var(--ink-2);margin-top:16px;max-width:360px;opacity:0;transform:translateY(8px);transition:opacity .6s .1s,transform .6s .1s}
.fi.on p{opacity:1;transform:none}
.fi .new{display:inline-block;margin-top:14px;font:600 11px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--coral)}
.feat-stage{position:sticky;top:11vh;height:78vh;min-height:560px}
.stage-in{position:relative;height:100%;border-radius:32px;overflow:hidden;display:grid;place-items:center}
.stage-in .bg{position:absolute;inset:0;opacity:0;transition:opacity .9s}
.stage-in .bg.on{opacity:1}
.bg-b{background:radial-gradient(110% 90% at 50% 0%,#8496EE 0%,#3D55C7 50%,#1B2A86 100%)}
.bg-p{background:radial-gradient(110% 90% at 50% 0%,#FFF1EA 0%,#FFC9B6 55%,#F3967E 100%)}
.omi-st{position:absolute;right:22px;bottom:18px;width:86px;z-index:3;animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 14px 20px rgba(0,0,0,.25))}
.fit{position:relative;z-index:2;width:760px;height:500px;transform-origin:center;flex:none}
.dots-nav{display:flex;gap:6px;justify-content:center;margin-top:14px}
.dots-nav i{width:6px;height:6px;border-radius:999px;background:#D8D0C5;transition:width .4s,background .4s}
.dots-nav i.on{width:22px;background:var(--ink)}

/* browser */
.bw{width:760px;height:500px;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 40px 80px -30px rgba(10,15,40,.6),0 0 0 1px rgba(23,37,60,.08);display:flex;flex-direction:column;font-size:12px;line-height:1.45;color:var(--ink)}
.bw-bar{height:34px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;background:#F1F2F6;border-bottom:1px solid var(--line-2)}
.bw-bar i{width:10px;height:10px;border-radius:50%;background:#D5D9E2}
.bw-bar span{margin:0 auto;font-size:11px;color:var(--muted);background:#fff;border-radius:6px;padding:3px 60px}
.bw-in{flex:1;display:grid;grid-template-columns:168px 1fr;min-height:0}
.side{background:#17253C;color:#fff;padding:14px 10px;display:flex;flex-direction:column;gap:2px;position:relative}
.side .lg{display:flex;align-items:center;gap:6px;margin:0 6px 16px}
.side .lg svg{height:15px;width:auto;color:#fff}
.side .lg b{font:600 8.5px/1 var(--b);background:var(--blue);border-radius:4px;padding:3px 5px;letter-spacing:.06em}
.side a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;color:#AEB8C9;font-size:11.5px;position:relative;z-index:1;transition:color .3s}
.side a i{width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.7;flex:none}
.side a.on{color:#fff}
.side a em{margin-left:auto;font-style:normal;font-size:9.5px;background:var(--coral);color:#fff;border-radius:999px;padding:1px 6px}
.side .ind{position:absolute;left:10px;right:10px;height:32px;border-radius:8px;background:rgba(255,255,255,.1);transition:top .5s cubic-bezier(.2,.8,.2,1);top:0}
.side .who{margin-top:auto;display:flex;align-items:center;gap:7px;padding:8px 6px 0;border-top:1px solid rgba(255,255,255,.1);font-size:10.5px;color:#AEB8C9}
.side .who b{display:block;color:#fff;font-weight:500}
.side .who span.av{width:24px;height:24px;border-radius:50%;background:#C98C6B;display:grid;place-items:center;color:#fff;font-size:9.5px;font-weight:600}
.mainv{position:relative;background:#F6F7FA;overflow:hidden}
.scr{position:absolute;inset:0;padding:18px 20px;opacity:0;transform:translateY(16px);filter:blur(5px);transition:opacity .5s,transform .65s cubic-bezier(.2,.8,.2,1),filter .5s;pointer-events:none}
.scr.on{opacity:1;transform:none;filter:none}
.vh{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.vh h4{font:500 21px/1 var(--h);letter-spacing:-.04em}
.vh p{font-size:11px;color:var(--muted);margin-top:4px}
.pill{display:inline-flex;align-items:center;gap:4px;font:500 10px/1 var(--b);padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue);white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:#237A53}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.hot{background:#FCE9E4;color:#B8432F}.pill.dark{background:var(--nuit);color:#fff}
.card{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px}
.split{display:grid;grid-template-columns:200px 1fr;gap:12px;height:calc(100% - 50px)}
.li{display:grid;gap:6px;align-content:start}
.li .it{background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:9px 10px}
.li .it.sel{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}
.li .it b{display:block;font-weight:600;font-size:12px}
.li .it span{display:block;color:var(--muted);font-size:10.5px}
.li .it .pl{display:flex;gap:4px;margin-top:5px}
.det h5{font:500 18px/1.1 var(--h);letter-spacing:-.03em}
.det .sub{color:var(--muted);font-size:11px;margin-top:3px}
.f4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.f4 div{background:#F6F7FA;border-radius:8px;padding:7px 9px}
.f4 b{display:block;font:500 15px/1.1 var(--h);letter-spacing:-.03em}
.f4 span{font-size:9.5px;color:var(--muted)}
.qt{margin-top:12px;font-size:11.5px;color:var(--ink-2);border-left:3px solid var(--blue);padding:2px 0 2px 10px;font-style:italic}
.src{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:10.5px;color:var(--muted)}
.acts{display:flex;gap:6px;margin-top:12px}
.acts span{height:30px;padding:0 14px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:500;background:var(--blue-soft);color:var(--blue)}
.acts span.go{background:var(--blue);color:#fff}
.dbl{margin-top:10px;background:#FFF7F4;border:1px solid #F6CFC3;border-radius:10px;padding:9px 11px;font-size:11px}
.dbl b{display:block;font:600 9.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B8432F;margin-bottom:4px}
.rng{position:relative;height:30px;margin:8px 2px 0}
.rng .tr{position:absolute;left:0;right:0;top:10px;height:7px;border-radius:5px;background:#E3E7EE}
.rng .zn{position:absolute;top:10px;height:7px;border-radius:5px;background:var(--blue);left:40%;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1) .2s}
.scr.on .rng .zn{width:28%}
.rng .lb{position:absolute;top:21px;font-size:9.5px;color:var(--muted)}
.k3{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px}
.k3 .card b{display:block;font:500 28px/1 var(--h);letter-spacing:-.05em;margin-top:2px}
.k3 .card span{font-size:10px;color:var(--muted)}
.k3 .card .up{color:var(--ok);font-size:10px;font-weight:600}
.k3 .hero-k{background:var(--nuit);border-color:var(--nuit);color:#fff}
.k3 .hero-k span{color:#AEB8C9}
.k3 .hero-k b{font-size:34px}
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;margin-top:8px}
.spark{width:100%;height:110px;margin-top:6px}
.spark path.l{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.scr.on .spark path.l{stroke-dashoffset:0}
.spark path.a{fill:url(#sg);opacity:0;transition:opacity 1s .8s}
.scr.on .spark path.a{opacity:1}
.qrow{display:grid;grid-template-columns:1fr 34px 34px 34px;gap:6px;align-items:center;padding:6px 0;border-top:1px solid var(--line-2);font-size:10.5px}
.qrow:first-of-type{border-top:0}
.qrow.h{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.qrow b{font-weight:600;text-align:center;border-radius:5px;padding:2px 0}
.c0{background:#F1F2F6;color:var(--muted)}.c1{background:#E3E8FA;color:var(--blue)}.c2{background:#C9D2F5;color:#2B3E9E}.c3{background:#3D55C7;color:#fff}
.seg{display:grid;grid-template-columns:1fr 70px 110px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line-2);font-size:11.5px}
.seg:first-of-type{border-top:0}
.seg .bar{height:7px;border-radius:4px;background:#ECEEF3;position:relative;overflow:hidden}
.seg .bar i{position:absolute;inset:0;width:0;background:var(--blue);border-radius:4px;transition:width 1.1s cubic-bezier(.2,.8,.2,1) .2s}
.seg.hot .bar i{background:var(--coral)}
.scr.on .seg .bar i{width:var(--w)}
.seg em{font-style:normal;font-size:10px;color:var(--muted);text-align:right}
.crit{display:grid;gap:8px;margin-top:4px}
.crit div{display:grid;grid-template-columns:1fr 36px;gap:4px 8px;font-size:11px}
.crit i{grid-column:1/-1;display:block;height:6px;border-radius:4px;background:#ECEEF3;position:relative;overflow:hidden}
.crit i::after{content:"";position:absolute;inset:0;width:0;background:var(--blue);border-radius:4px;transition:width 1.1s cubic-bezier(.2,.8,.2,1) .3s}
.scr.on .crit i::after{width:var(--w)}
.crit b{text-align:right;font-weight:600}
.mv{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line-2);font-size:11px}
.mv:first-of-type{border-top:0}
.mv span{color:var(--muted);font-size:10px}
.mv b{font-weight:600;grid-row:span 2;align-self:center}
.mv b.dn{color:var(--coral)}
.mail{background:#fff;border:1px solid var(--line-2);border-radius:12px;overflow:hidden}
.mail .mh{padding:10px 12px;border-bottom:1px solid var(--line-2);font-size:10.5px;color:var(--muted)}
.mail .mh b{display:block;color:var(--ink);font-size:12px}
.mail .mb{padding:12px;background:linear-gradient(180deg,#EEF1FB,#fff 60%)}
.mail .mb h6{font:500 16px/1.15 var(--h);letter-spacing:-.03em}
.mail .mb .r3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.mail .mb .r3 div{background:#fff;border-radius:8px;padding:7px;text-align:center;border:1px solid var(--line-2)}
.mail .mb .r3 b{display:block;font:500 20px/1 var(--h);letter-spacing:-.04em}
.mail .mb .r3 span{font-size:9px;color:var(--muted)}
.mail .mb .cta{margin-top:10px;height:28px;border-radius:7px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:10.5px;font-weight:500}

/* compare */
.cmpw{padding:110px 0 40px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:0 auto}
.cmp > div{border-radius:26px;padding:34px 34px 30px}
.cmp .a{background:#fff}
.cmp .b{color:#fff;background:radial-gradient(120% 120% at 70% 0%,#7C8FEA 0%,#3D55C7 45%,#1B2A86 100%);position:relative;overflow:hidden}
.cmp h4{font:500 24px/1 var(--h);letter-spacing:-.04em;margin-bottom:26px;display:flex;align-items:center;gap:10px}
.cmp .a h4{color:var(--muted)}
.cmp .b h4 svg{height:22px;width:auto}
.cmp .row{padding:18px 0;border-top:1px solid var(--line)}
.cmp .b .row{border-top-color:rgba(255,255,255,.2)}
.cmp .row p{font-size:18px;line-height:1.45}
.cmp .a .row p{color:var(--ink-2)}
.cmp .row mark{background:#fff;color:var(--deep);border-radius:5px;padding:0 5px}
.cmp .b img{position:absolute;right:20px;top:18px;width:70px;animation:fl 5s ease-in-out infinite}

/* faq */
.faqw{padding:100px 0}
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid #E5DDD2;padding:22px 4px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:17px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317253C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ink-2);margin-top:12px;max-width:700px}

/* final */
.final{padding:110px 0 0;text-align:center;background:radial-gradient(70% 55% at 50% 100%,rgba(109,128,226,.45),transparent 70%),var(--beige);overflow:hidden}
.final img{width:120px;margin:0 auto 18px;display:block;animation:fl 5s ease-in-out infinite}
.final h2{font-size:clamp(46px,6.6vw,90px)}
.final p{font-size:18px;color:var(--ink-2);margin:20px auto 34px;max-width:520px}
.final .btns{justify-content:center}
.foot{margin:110px auto 24px;max-width:1152px;border-radius:30px;padding:40px 46px 30px;color:#fff;background:radial-gradient(120% 140% at 50% 0%,#8496EE 0%,#3D55C7 45%,#16257A 100%);text-align:left}
.foot .cols{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:30px}
.foot h5{font:600 15px/1 var(--b);margin-bottom:14px}
.foot a{display:block;color:#DCE1F8;text-decoration:none;font-size:14px;margin:8px 0}
.foot a.logo{display:flex;color:#fff;margin:0 0 14px}
.foot a.logo b{background:#fff;color:var(--blue)}
.foot .bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:18px;font-size:13px;color:#DCE1F8}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.vis{opacity:1;transform:none}

@media (max-width:980px){
  .nav nav{display:none}
  .hero-top{grid-template-columns:1fr;gap:26px}
  .showcase{padding:28px 16px}
  .hub{height:auto;display:flex;flex-direction:column;align-items:center;gap:22px}
  .hub-lines{display:none}
  .hub-src,.hub-core,.hub-llm{position:relative;left:auto;right:auto;top:auto;transform:none}
  .hub-llm{width:100%;max-width:340px;grid-template-columns:1fr 1fr;gap:9px}
  .llm{font-size:13.5px}.llm em{display:none}
  .how{grid-template-columns:1fr;gap:18px}
  .feat-grid{grid-template-columns:1fr;gap:0}
  .feat-list{order:2}
  .fi{min-height:60vh;justify-content:flex-start;padding-top:40px}
  .feat-stage{top:58px;height:300px;min-height:0;z-index:3}
  .stage-in{border-radius:22px}
  .omi-st{width:56px;right:10px;bottom:8px}
  .dots-nav{display:none}
  .cmp{grid-template-columns:1fr}
  .foot .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .hero{padding:36px 0 60px}
  .statement{padding:70px 0 80px;margin:0 8px}
  .feat{padding-top:90px}
  .cmp > div{padding:26px 22px}
  .foot{margin:80px 12px 16px;padding:30px 22px}
  .nav .btn{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1!important;transform:none!important;transition:none!important}
  .hub-core img,.omi-st,.statement img,.final img,.cmp .b img{animation:none!important}
  .hub-lines circle{display:none}
  .scr{transition:none;filter:none}
}
/* v5 : hero vitrine + promesse + téléphones */
.seg-t{display:flex;background:var(--beige);border-radius:999px;padding:4px}
.seg-t button{border:0;background:transparent;font:500 13.5px/1 var(--b);color:var(--ink-2);padding:9px 16px;border-radius:999px;cursor:pointer}
.seg-t button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(23,37,60,.12)}
.sc-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 16px;position:relative;z-index:2}
.sc-bar .ch{font:600 18px/1 var(--h);letter-spacing:-.03em}
.sc-bar .ch span{color:var(--muted);font-weight:400}
.sc-body{position:relative;border-radius:20px;background:#F1F3F8;overflow:hidden;aspect-ratio:760/495;contain:paint}
.sc-body .v{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}
.sc-body .v.on{opacity:1;pointer-events:auto}
.hfit{position:absolute;left:50%;top:50%;width:760px;height:500px;transform-origin:center;transform:translate(-50%,-50%)}
.hfit .bw{box-shadow:0 30px 60px -30px rgba(10,15,40,.35),0 0 0 1px rgba(23,37,60,.06)}
.v-mob{display:grid;place-items:center;background:radial-gradient(110% 100% at 50% 0%,#8496EE 0%,#3D55C7 55%,#1B2A86 100%)}
.omi-peek{position:absolute;right:-6px;bottom:-14px;width:140px;z-index:5;animation:fl 5s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 16px 24px rgba(23,37,60,.25))}
.home-k{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}
.home-k .card b{display:block;font:600 26px/1 var(--h);letter-spacing:-.04em;margin-top:4px}
.home-k .card span{font-size:10px;color:var(--muted)}
.home-k .dk{background:var(--nuit);color:#fff;border-color:var(--nuit)}
.home-k .dk span{color:#AEB8C9}
.home-k .dk b{font-size:30px}
.bl{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line-2);font-size:11.5px}
.bl:first-of-type{border-top:0}
.bl b{display:block;font-weight:600}
.bl span{color:var(--muted);font-size:10.5px}
.bl .th{width:44px;height:32px}
.feed2 div{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--line-2);font-size:11px}
.feed2 div:first-of-type{border-top:0}
.feed2 i{width:7px;height:7px;border-radius:50%;background:var(--coral);margin-top:5px;flex:none}
.feed2 i.b{background:var(--blue)}
/* promesse */
.promise{padding:110px 0 40px}
.promise .box{background:#fff;border-radius:32px;padding:44px 40px 36px;box-shadow:0 1px 0 var(--line);position:relative;overflow:hidden}
.promise .box::before{content:"";position:absolute;left:50%;top:40%;width:900px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(109,128,226,.14),transparent);pointer-events:none}
/* téléphones */
.phone{width:280px;height:580px;border-radius:48px;background:#101217;padding:10px;box-shadow:0 0 0 1px #2B2F38,0 40px 70px -25px rgba(10,15,40,.55);position:relative;flex:none}
.screen{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#F6F7FA;color:var(--ink)}
.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:86px;height:25px;border-radius:20px;background:#000;z-index:3}
.sb{display:flex;justify-content:space-between;padding:15px 24px 0;height:44px;font:600 13px/1 var(--b)}
.sb i{display:inline-block;width:15px;height:9px;border-radius:2px;background:currentColor;margin-left:4px}
.home-i{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:110px;height:5px;border-radius:3px;background:#17253C}
.pscr{position:absolute;inset:56px 0 0;padding:18px 22px;opacity:0;transform:translateY(24px) scale(.98);filter:blur(6px);transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1),filter .55s}
.pscr.on{opacity:1;transform:none;filter:none}
.s-k{font:600 10.5px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.s-t{font:600 25px/1.05 var(--h);letter-spacing:-.04em;margin-top:12px}
.s-m{font-size:12.5px;color:var(--muted);margin-top:6px}
.s-rows{margin-top:20px;background:#fff;border-radius:16px;padding:4px 14px}
.s-rows div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--line-2);font-size:13px}
.s-rows div:first-child{border-top:0}
.s-rows span{color:var(--muted)}
.s-chip{display:inline-block;margin-top:14px;font:500 11.5px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:7px 11px}
.s-chip.ok{background:var(--ok-soft);color:#237A53}
.s-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.s-acts span{height:40px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:600;background:#fff;color:var(--blue);border:1px solid var(--line-2)}
.s-acts span.go{background:var(--blue);color:#fff;border-color:var(--blue)}
.s-big{white-space:nowrap;font:600 36px/1 var(--h);letter-spacing:-.05em;margin-top:24px}
.s-huge{font:600 76px/1 var(--h);letter-spacing:-.06em;margin-top:18px;color:var(--ink)}
.s-alt{margin-top:22px;background:#fff;border-radius:16px;padding:12px 14px;font-size:13px;border-left:3px solid var(--coral)}
.s-alt small{display:block;font:600 10px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B8432F;margin-bottom:6px}
.s-eng{margin-top:22px;background:#fff;border-radius:16px;padding:6px 14px}
.s-eng div{display:grid;grid-template-columns:70px 1fr 40px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line-2);font-size:12.5px}
.s-eng div:first-child{border-top:0}
.s-eng i{display:block;height:8px;border-radius:4px;background:#ECEEF3;position:relative;overflow:hidden}
.s-eng i::after{content:"";position:absolute;inset:0;width:0;background:var(--blue);border-radius:4px;transition:width 1s cubic-bezier(.2,.8,.2,1) .2s}
.pscr.on .s-eng i::after{width:var(--w)}
.s-eng b{text-align:right}
.s-up{display:inline-block;margin-top:8px;font:600 12px/1 var(--b);color:#237A53}
.s-lv{margin-top:20px;display:grid;gap:8px}
.s-lv div{background:#fff;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.s-lv em{font-style:normal;font:600 11px/1 var(--b);padding:6px 9px;border-radius:999px;white-space:nowrap}
.s-lv .f{background:#FCE9E4;color:#B8432F}.s-lv .m{background:var(--blue-soft);color:var(--blue)}.s-lv .l{background:var(--warn-soft);color:var(--warn)}
.s-note{margin-top:14px;font-size:13px;color:var(--ink-2)}
.s-note b{color:var(--blue)}
.s-list{margin-top:20px;display:grid;gap:9px}
.s-list div{display:flex;align-items:baseline;gap:12px;background:#fff;border-radius:16px;padding:13px 16px}
.s-list b{font:600 38px/1 var(--h);letter-spacing:-.05em;min-width:54px}
.s-list span{font-size:13px;color:var(--ink-2)}
.feat-stage .stage-in{aspect-ratio:auto;height:76vh;min-height:620px;display:grid;place-items:center}
.feat-stage{top:12vh}
/* compare tabs */
.fg2{grid-template-columns:1fr 1fr;gap:60px}
@media (max-width:980px){.fg2{grid-template-columns:1fr;gap:0}}
.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.tabs button{border:0;cursor:pointer;font:500 14.5px/1 var(--b);padding:12px 18px;border-radius:999px;background:#fff;color:var(--ink-2)}
.tabs button[aria-selected="true"]{background:var(--nuit);color:#fff}
.tp{display:none}.tp.on{display:grid}
@media (max-width:980px){
  .feat-stage{top:58px}
  .feat-stage .stage-in{height:330px;min-height:0}
  .phone.px{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.52)}
  .omi-peek{width:80px;right:4px;bottom:-8px}
  .promise .box{padding:28px 16px}
  .sc-bar{flex-direction:column;align-items:flex-start;gap:10px}
}
/* Radar IA animé */
.radar{padding:30px 0 110px}
.rw{max-width:1040px;margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 1px 0 var(--line),0 50px 90px -40px rgba(23,37,60,.35);overflow:hidden;border:1px solid var(--line-2)}
.rw-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#F4F5F8;border-bottom:1px solid var(--line-2)}
.rw-bar i{width:11px;height:11px;border-radius:50%;background:#D5D9E2}
.rw-bar span{margin:0 auto;font-size:12px;color:var(--muted)}
.rw-in{display:grid;grid-template-columns:58px 1fr;height:600px}
.rw-side{background:#FAFBFC;border-right:1px solid var(--line-2);display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0}
.rw-side .o{width:30px;height:30px;border-radius:9px;background:var(--blue);display:grid;place-items:center}
.rw-side .o svg{width:17px;color:#fff}
.rw-side i{width:18px;height:18px;border-radius:5px;border:2px solid #C9CFDB}
.rw-side i.on{border-color:var(--blue);background:var(--blue-soft)}
.rw-main{position:relative;overflow:hidden;background:#fff}
.rw-chat{position:absolute;top:0;left:0;right:0;padding:26px 34px 24px;display:flex;flex-direction:column;gap:14px;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.rw-q{align-self:flex-end;background:var(--nuit);color:#fff;border-radius:18px 18px 4px 18px;padding:11px 16px;font-size:15px;opacity:0;transform:translateY(10px);transition:.45s}
.rw-a{display:grid;grid-template-columns:30px 1fr;gap:12px;opacity:0;transition:opacity .4s}
.rw-a .av{width:30px;height:30px;border-radius:9px;background:var(--blue-soft);display:grid;place-items:center}
.rw-a .av img{width:26px}
.rw-a .body{display:grid;gap:12px;font-size:15px;line-height:1.55;color:var(--ink)}
.rw-a .body p{min-height:1px}
.rw-a b.up{color:#237A53}
.rw-a b.k{color:var(--blue)}
.dots3{display:inline-flex;gap:4px;padding:8px 0}
.dots3 i{width:6px;height:6px;border-radius:50%;background:#B5BCCB;animation:tp 1s infinite}
.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{opacity:.3;transform:translateY(-3px)}}
.chart{border:1px solid var(--line-2);border-radius:14px;padding:14px 16px 10px;background:#FCFCFE;opacity:0;transform:translateY(10px);transition:.5s}
.chart .ch-h{display:flex;justify-content:space-between;font:600 10.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.chart .ch-h b{color:var(--blue);letter-spacing:0;font-size:13px}
.chart svg{width:100%;height:150px;display:block;margin-top:8px;overflow:visible}
.chart .ln{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000}
.chart .ar{opacity:0;transition:opacity .8s}
.chart .pt{fill:#fff;stroke:var(--blue);stroke-width:2;opacity:0;transition:opacity .3s}
.chart .now{fill:var(--blue);opacity:0;transition:opacity .3s}
.chart .avg{stroke:var(--coral);stroke-dasharray:4 5;stroke-width:1.5;opacity:0;transition:opacity .6s}
.chart .lb{font:600 11px var(--b);fill:var(--blue);opacity:0;transition:opacity .3s}
.chart .lbc{font:500 10.5px var(--b);fill:var(--coral);opacity:0;transition:opacity .6s}
.chart .ax{display:flex;justify-content:space-between;font-size:10.5px;color:#A3AAB8;margin-top:4px}
.chart.go .ln{transition:stroke-dashoffset 1.8s cubic-bezier(.4,.1,.2,1);stroke-dashoffset:0}
.chart.go .ar{opacity:1;transition-delay:1.2s}
.chart.go .pt{opacity:1}
.chart.go .avg,.chart.go .lbc{opacity:1;transition-delay:1.6s}
.chart.go .now,.chart.go .lb{opacity:1;transition-delay:1.8s}
.eng{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:2px 9px 2px 4px;font-size:12.5px;font-weight:600;margin:0 2px;vertical-align:1px}
.eng i{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font:700 9px/1 var(--b);font-style:normal}
.acts3{display:grid;gap:8px}
.act{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line-2);border-radius:12px;padding:11px 14px;font-size:14px;opacity:0;transform:translateY(10px);transition:.45s}
.act .n{width:30px;height:30px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:700;font-size:13px}
.act small{display:block;color:var(--muted);font-size:12px}
.act .st{font:600 11px/1 var(--b);padding:6px 9px;border-radius:999px;background:var(--warn-soft);color:var(--warn);white-space:nowrap}
.act .st.ok{background:var(--ok-soft);color:#237A53}
.in{opacity:1!important;transform:none!important}
.rw-input{z-index:2;position:absolute;left:34px;right:34px;bottom:22px;height:54px;border:1px solid var(--line-2);border-radius:16px;background:#fff;box-shadow:0 10px 30px -18px rgba(23,37,60,.35);display:flex;align-items:center;padding:0 10px 0 18px;font-size:15px;color:var(--ink)}
.rw-main::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(transparent,#fff 45%);z-index:1;pointer-events:none}
.rw-input .ph{color:#A3AAB8}
.rw-input .caret{display:inline-block;width:2px;height:18px;background:var(--blue);margin-left:2px;animation:bl 1s steps(1) infinite;vertical-align:-3px}
@keyframes bl{50%{opacity:0}}
.rw-input .send{margin-left:auto;width:36px;height:36px;border-radius:11px;background:var(--blue);display:grid;place-items:center;color:#fff;transition:transform .2s}
.rw-input .send.p{transform:scale(.85)}
.rw-input .send svg{width:16px}
@media (max-width:760px){
  .rw-in{grid-template-columns:1fr;height:640px}
  .rw-side{display:none}
  .rw-chat{padding:18px 14px 20px}
  .rw-input{left:12px;right:12px}
  .rw-a .body{font-size:14px}
  .act{grid-template-columns:26px 1fr;}
  .act .st{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.chart .ln{stroke-dashoffset:0!important;transition:none}.dots3 i,.rw-input .caret{animation:none}}
/* ===== v6 ===== */
.hero6{background:var(--beige);position:relative;padding:44px 0 70px;text-align:center;overflow:hidden;isolation:isolate}
.hero6::before{display:none}
.hero6 .eyebrow6{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:7px 14px;margin-bottom:28px;backdrop-filter:blur(6px)}
.hero6 .eyebrow6 i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.hero6 h1{font-size:clamp(38px,5.6vw,84px);max-width:none;margin:0 auto}
.hero6 p.sub{font-size:clamp(16px,1.4vw,19px);color:var(--ink-2);max-width:780px;margin:20px auto 26px}
.hero6 .btns{justify-content:center}
.hero6 .omi-h{position:absolute;right:max(24px,calc(50% - 600px));top:150px;width:120px;animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(23,37,60,.2))}
.proof{margin-top:20px}
.proof .stat{font-size:15px;color:var(--ink-2)}
.proof .stat b{font:600 22px/1 var(--h);letter-spacing:-.03em;color:var(--ink);margin-right:6px}
.logos{margin-top:22px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos .tr{display:flex;align-items:center;gap:56px;width:max-content;animation:mq 40s linear infinite}
.logos img{height:30px;width:auto;filter:grayscale(1);opacity:.65;transition:.3s}
.logos img:hover{filter:none;opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}
.press{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:var(--muted)}
.press img{height:22px;width:auto;opacity:.55;filter:grayscale(1)}
/* promesse bleue pleine largeur */
.pb{background:radial-gradient(70% 60% at 50% 0%,#3E55C6 0%,#1D2C8A 45%,#121E62 100%);color:#fff;padding:120px 0 110px;position:relative;overflow:hidden}
.pb::after{content:"";position:absolute;left:50%;top:38%;width:900px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(242,154,132,.18),transparent);pointer-events:none}
.pb .sh h2{color:#fff;font-size:clamp(40px,5.6vw,76px)}
.pb .sh h2 span{color:#B4C2FF;white-space:nowrap}
.pb .sh p{color:#C9D1EE;font-size:clamp(18px,1.7vw,21px)}
.pb .tag{background:rgba(255,255,255,.12);color:#fff}
.pb .hub{margin-top:30px;position:relative;z-index:1}
.pb .hub-lines path{stroke:rgba(255,255,255,.35)}
.pb .hub-lines circle{fill:#B4C2FF}
.pb .hub-src,.pb .llm{color:var(--ink);border-color:transparent;box-shadow:0 20px 40px -18px rgba(0,0,0,.45)}
.pb .hub-core{box-shadow:0 0 0 12px rgba(255,255,255,.08),0 0 0 26px rgba(255,255,255,.04),0 30px 60px -20px rgba(0,0,0,.5)}
.llm img{width:22px;height:22px;object-fit:contain}
.llm .lgw{width:28px;height:28px;border-radius:50%;background:#F4F5F8;display:grid;place-items:center;flex:none}
.colh{position:absolute;top:-6px;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#AEB9E8}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;position:relative;z-index:1}
.st3{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px}
.st3 .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--deep);font:700 17px/1 var(--h);margin-bottom:22px}
.st3 h3{font-size:26px;letter-spacing:-.035em;color:#fff}
.st3 p{color:#C9D1EE;margin-top:8px;font-size:15.5px}
.st3.main{background:#fff;border-color:#fff}
.st3.main h3{color:var(--ink)}.st3.main p{color:var(--ink-2)}
.st3.main .n{background:var(--coral);color:#fff}
.lead-mini{margin-top:16px;background:var(--beige);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--ink)}
.lead-mini b{display:block;font-weight:600}
.lead-mini .r{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
/* bento fonctionnalités */
.more6{padding:120px 0 40px}
.big6{background:#fff;border-radius:32px;padding:44px 44px 44px;box-shadow:0 1px 0 var(--line)}
.big6 .hd{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:32px}
.big6 .hd h3,.cd6 h3{font-size:clamp(30px,3.4vw,44px)}
.big6 .hd h3 span,.cd6 h3 span{color:var(--blue)}
.big6 .hd p{color:var(--ink-2);font-size:17px}
.lab6{display:inline-flex;gap:8px;align-items:center;font:600 12px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.lab6 em{font-style:normal;color:var(--coral)}
.big6 .rw{max-width:none;box-shadow:0 30px 60px -40px rgba(23,37,60,.35)}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.cd6{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 1px 0 var(--line);display:flex;flex-direction:column}
.cd6 .vis{height:250px;display:grid;place-items:center;padding:22px;position:relative}
.cd6 .vis.b{background:radial-gradient(110% 110% at 50% 0%,#8496EE 0%,#3D55C7 55%,#1B2A86 100%)}
.cd6 .vis.p{background:radial-gradient(110% 110% at 50% 0%,#FFF1EA 0%,#FFC9B6 55%,#F3967E 100%)}
.cd6 .tx{padding:26px 28px 30px}
.cd6 h3{font-size:clamp(24px,2.2vw,30px)}
.cd6 p{color:var(--ink-2);margin-top:10px;font-size:15.5px}
.mc6{background:#fff;border-radius:16px;padding:14px 16px;width:100%;max-width:290px;box-shadow:0 24px 50px -24px rgba(10,15,40,.5);font-size:13px;text-align:left}
.mc6 .k{font:600 10px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px;display:block}
.mc6 h5{font:600 17px/1.15 var(--h);letter-spacing:-.03em}
.mc6 .m{color:var(--muted);font-size:12px;margin-top:3px}
.mc6 .bigp{font:600 26px/1 var(--h);letter-spacing:-.04em;margin-top:12px}
.mc6 .alt{margin-top:10px;border-left:3px solid var(--coral);background:#FFF7F4;border-radius:8px;padding:7px 9px;font-size:12px}
.mc6 .lv{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line-2)}
.mc6 .lv:first-of-type{border-top:0}
.mc6 .lv em{font-style:normal;font:600 10.5px/1 var(--b);padding:5px 8px;border-radius:999px;white-space:nowrap}
.mc6 .f{background:#FCE9E4;color:#B8432F}.mc6 .mo{background:var(--blue-soft);color:var(--blue)}.mc6 .l{background:var(--warn-soft);color:var(--warn)}
.mc6 .r3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.mc6 .r3 div{background:var(--beige);border-radius:10px;padding:8px;text-align:center}
.mc6 .r3 b{display:block;font:600 22px/1 var(--h);letter-spacing:-.04em}
.mc6 .r3 span{font-size:10px;color:var(--muted)}
@media (max-width:980px){
  .hero6 .omi-h{display:none}
  .pb .hub{height:auto}
  .colh{display:none}
  .steps3,.grid6{grid-template-columns:1fr}
  .big6{padding:26px 16px}
  .big6 .hd{grid-template-columns:1fr;gap:12px}
}
@media (max-width:640px){.hero6{padding:70px 0 50px}.pb{padding:80px 0}.logos img{height:24px}.logos .tr{gap:36px}}
/* v7 */
.logos img{mix-blend-mode:normal}
.p-logos .logos,.logos{mix-blend-mode:multiply}
.press{gap:28px;margin-top:22px}
.press img{height:16px;opacity:.5}
.press .wm{font:700 15px/1 Georgia,"Times New Roman",serif;letter-spacing:-.01em;color:#8C93A0;opacity:.9}
.press .wm.tv{font:800 14px/1 var(--b);letter-spacing:.02em}
.th{background-size:cover!important;background-position:center!important}
.llm .lgw img{filter:grayscale(1);opacity:.7}
.llm .lgw i,.llm > i{filter:grayscale(1);opacity:.75}
.st3 .more,.lnk{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font:600 14.5px/1 var(--b);color:var(--blue);text-decoration:none}
.lnk:hover span,.st3 .more:hover span{transform:translateX(3px)}
.lnk span,.st3 .more span{transition:transform .2s}
.big6 .hd p{font-size:16.5px}
/* cartes inspirationnelles */
.grid7{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.cd7{position:relative;border-radius:28px;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;isolation:isolate;transition:transform .3s}
.cd7:hover{transform:translateY(-4px)}
.cd7 .bgp{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cd7:hover .bgp{transform:scale(1.04)}
.cd7::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,30,98,0) 35%,rgba(18,30,98,.85) 100%)}
.cd7.blue .bgp{background:radial-gradient(110% 90% at 50% 0%,#8496EE 0%,#3D55C7 50%,#1B2A86 100%)}
.cd7.peach .bgp{background:radial-gradient(110% 90% at 50% 0%,#FFF1EA 0%,#FFC9B6 50%,#F3967E 100%)}
.cd7.peach::after{background:linear-gradient(180deg,rgba(23,37,60,0) 45%,rgba(23,37,60,.75) 100%)}
.cd7 .tx7{padding:26px 28px 28px}
.cd7 .tx7 small{display:block;font:600 11.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:10px}
.cd7 h3{font-size:clamp(26px,2.4vw,34px);color:#fff}
.cd7 .go7{display:inline-flex;gap:6px;margin-top:14px;font:600 14.5px/1 var(--b);color:#fff;opacity:.92}
.cd7 .go7 span{transition:transform .2s}.cd7:hover .go7 span{transform:translateX(4px)}
.fl7{position:absolute;background:#fff;color:var(--ink);border-radius:16px;padding:11px 14px;box-shadow:0 20px 40px -16px rgba(10,15,40,.5);font-size:13px;animation:fl 6s ease-in-out infinite}
.fl7 b{display:block;font:600 20px/1.05 var(--h);letter-spacing:-.04em}
.fl7 small{color:var(--muted);font-size:11.5px}
.fl7 .pill{margin-top:6px}
.gauge{position:absolute;left:50%;top:44px;transform:translateX(-50%);text-align:center;color:#fff}
.gauge b{display:block;font:600 92px/1 var(--h);letter-spacing:-.06em}
.gauge span{font:600 13px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.gauge .bars{display:flex;gap:5px;justify-content:center;margin-top:16px}
.gauge .bars i{width:14px;height:34px;border-radius:5px;background:rgba(255,255,255,.25)}
.gauge .bars i.on{background:#fff}
.gauge .bars i.hot{background:var(--peach)}
.stackn{position:absolute;left:24px;right:24px;top:34px;display:grid;gap:10px}
.stackn .n7{background:#fff;border-radius:16px;padding:11px 14px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;color:var(--ink);font-size:13px;box-shadow:0 16px 30px -16px rgba(10,15,40,.45)}
.stackn .n7:nth-child(2){transform:scale(.97);opacity:.95}.stackn .n7:nth-child(3){transform:scale(.94);opacity:.85}
.stackn .ic{width:34px;height:34px;border-radius:10px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);font-weight:700}
.stackn .ic.c{background:#FCE9E4;color:#B8432F}
.stackn small{display:block;color:var(--muted);font-size:11px}
.stackn em{font-style:normal;font-weight:700;color:var(--coral)}
@media (max-width:980px){.grid7{grid-template-columns:1fr}.cd7{min-height:400px}}
/* ===== v8 : histoire, schéma atelier, agent ===== */
.story{padding:120px 0 110px;background:#fff}
.story-g{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.story .tag{margin-bottom:18px}
.story h2{font-size:clamp(36px,4.4vw,58px)}
.story h2 span{color:var(--coral)}
.big349{display:flex;align-items:flex-start;gap:6px;margin-top:34px;color:var(--blue);font:600 clamp(84px,10vw,150px)/.9 var(--h);letter-spacing:-.06em}
.big349 small{font-size:.42em;margin-top:.15em;letter-spacing:-.03em}
.story .lede{font-size:clamp(18px,1.6vw,21px);color:var(--ink-2);max-width:440px;margin-top:14px}
.story .src{font-size:12px;color:var(--muted);margin-top:22px;max-width:460px}
.vid{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/11;box-shadow:0 40px 80px -40px rgba(23,37,60,.45)}
.vid video{width:100%;height:100%;object-fit:cover;display:block}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,37,60,0) 55%,rgba(23,37,60,.55))}
.vid .q{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:12px 14px;font-size:14.5px;color:var(--ink)}
.vid .q img{width:34px;flex:none}
.vid .q .typed{white-space:nowrap;overflow:hidden;text-overflow:clip;min-width:0}
.vid .q{white-space:nowrap}
@media (max-width:640px){.vid .q{font-size:12px;padding:10px 12px}.vid .q img{width:26px}}
.vid .q .typed::after{content:"";display:inline-block;width:2px;height:16px;background:var(--blue);margin-left:2px;vertical-align:-2px;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}
.vid .tagv{position:absolute;left:20px;top:18px;z-index:2;font:600 12px/1 var(--b);letter-spacing:.06em;color:#fff;background:rgba(23,37,60,.45);border-radius:999px;padding:7px 11px}
.tl{margin-top:70px;position:relative}
.tl svg{width:100%;height:170px;display:block;overflow:visible}
.tl .cv{fill:none;stroke:url(#tlg);stroke-width:3;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.2s cubic-bezier(.4,.1,.2,1)}
.tl.vis .cv{stroke-dashoffset:0}
.tl .ax{stroke:var(--line-2);stroke-width:1.5}
.tl .stem{stroke:#D5D9E2;stroke-width:1.2;stroke-dasharray:3 4}
.tl .nd{fill:#fff;stroke:#9AA3B2;stroke-width:2.5}
.tl .nd.hot{fill:var(--blue);stroke:var(--blue)}
.tl .yr{font:600 12px var(--b);fill:var(--muted);letter-spacing:.06em}
.tl .yr.hot{fill:var(--blue)}
.tl .lb{font:600 16px var(--h);fill:var(--ink);letter-spacing:-.02em}
.tl .sb{font:400 12.5px var(--b);fill:var(--muted)}
.tl .lb.hot{fill:var(--ink)} .tl .sb.hot{fill:var(--blue)}
.tl .nw{fill:var(--blue)} .tl .nwt{font:700 9.5px var(--b);fill:#fff;letter-spacing:.08em}
.tl g.st{opacity:0;transition:opacity .6s}
.tl.vis g.st{opacity:1}
.tl.vis g.s1{transition-delay:.3s}.tl.vis g.s2{transition-delay:.8s}.tl.vis g.s3{transition-delay:1.3s}.tl.vis g.s4{transition-delay:1.9s}
/* schéma atelier sur fond bleu */
.sch8{position:relative;width:100%;max-width:820px;margin:20px auto 0;aspect-ratio:740/760}
.sch8 .sin{position:absolute;left:0;top:0;width:740px;height:760px;transform-origin:0 0}
.sch8 svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sch8 .wire{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.4;transition:stroke .5s}
.sch8 .wire.hot{stroke:rgba(255,194,174,.9)}
.sch8 .dot{fill:#FFD2C6}.sch8 .dot.c{fill:#C9D3FF}
.sch8 .lbl{position:absolute;left:0;right:0;text-align:center;font:600 12px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:#AEB9E8}
.sch8 .row{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:14px}
.sch8 .ais{top:56px}
.sch8 .ai{width:122px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:18px;background:#fff;font-size:13.5px;font-weight:500;color:var(--ink);box-shadow:0 18px 30px -18px rgba(0,0,0,.45);transition:transform .5s,box-shadow .5s}
.sch8 .ai img{width:34px;height:34px;filter:grayscale(1) brightness(.5);opacity:.75;transition:filter .5s,opacity .5s}
.sch8 .ai.hot{transform:translateY(-4px);box-shadow:0 0 0 3px rgba(255,194,174,.8),0 20px 34px -16px rgba(0,0,0,.5)}
.sch8 .ai.hot img{filter:none;opacity:1}
.sch8 .ai em{position:absolute;margin-top:-82px;font-style:normal;font:600 9.5px/1 var(--b);background:var(--coral);color:#fff;border-radius:999px;padding:4px 7px}
.sch8 .om{position:absolute;left:170px;top:300px;width:400px;height:100px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 22px rgba(255,255,255,.04),0 30px 60px -20px rgba(0,0,0,.5);animation:pulse8 2.4s ease-out infinite}
.sch8 .om img{width:70px}
.sch8 .om b{display:block;font:600 22px/1 var(--h);letter-spacing:-.03em;color:var(--blue)}
.sch8 .om small{font-size:13px;color:var(--ink-2);line-height:1.3}
@keyframes pulse8{0%{box-shadow:0 0 0 0 rgba(255,194,174,.45),0 30px 60px -20px rgba(0,0,0,.5)}100%{box-shadow:0 0 0 26px rgba(255,194,174,0),0 30px 60px -20px rgba(0,0,0,.5)}}
.sch8 .cards{top:494px}
.sch8 .card{width:122px;border-radius:16px;background:#fff;overflow:hidden;color:var(--ink);box-shadow:0 18px 30px -18px rgba(0,0,0,.5);transition:transform .5s,box-shadow .5s}
.sch8 .card .ph{height:84px;background-size:cover;background-position:center}
.sch8 .card .tx{padding:9px 10px 10px}
.sch8 .card b{display:block;font:600 14px/1.1 var(--h);letter-spacing:-.02em}
.sch8 .card span{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3}
.sch8 .card .ag{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font:600 10px/1 var(--b);color:var(--coral)}
.sch8 .card .ag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}
.sch8 .card.hot{transform:translateY(-5px);box-shadow:0 0 0 3px rgba(255,194,174,.85),0 24px 40px -18px rgba(0,0,0,.55)}
/* agent */
.agent8{padding:120px 0}
.ag-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.ag-ph{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -40px rgba(23,37,60,.45)}
.ag-ph img.p{width:100%;height:100%;object-fit:cover;display:block}
.ag-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,37,60,0) 55%,rgba(23,37,60,.5))}
.ag-card{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(10,15,40,.55);animation:fl 6s ease-in-out infinite}
.ag-card small{display:block;font:600 10.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-bottom:8px}
.ag-card b{display:block;font:600 17px/1.2 var(--h);letter-spacing:-.03em}
.ag-card .r{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.ag-omi{position:absolute;right:-10px;top:24px;z-index:3;width:110px;animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 16px 24px rgba(0,0,0,.25))}
.agent8 h2{font-size:clamp(36px,4.4vw,58px);margin:18px 0 22px}
.agent8 .lede{font-size:18px;color:var(--ink-2);max-width:520px}
.ag-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.ag-stats div{background:#fff;border-radius:22px;padding:22px 22px 20px;box-shadow:0 1px 0 var(--line)}
.ag-stats b{display:block;font:600 clamp(40px,4vw,56px)/1 var(--h);letter-spacing:-.05em;color:var(--blue)}
.ag-stats div.c b{color:var(--ink)}
.ag-stats span{display:block;margin-top:8px;color:var(--ink-2);font-size:15px;line-height:1.45}
.ag-src{font-size:12px;color:var(--muted);margin-top:16px}
@media (max-width:980px){.story-g,.ag-g{grid-template-columns:1fr;gap:36px}.tl{margin-top:40px}.tl .sb{display:none}.ag-omi{width:80px;right:6px}}
@media (max-width:640px){.story,.agent8{padding:80px 0}.ag-stats{grid-template-columns:1fr}.tl svg{height:150px}.tl .lb{font-size:13px}}
@media (prefers-reduced-motion:reduce){.tl .cv{stroke-dashoffset:0}.tl g.st{opacity:1}.sch8 .om,.ag-card,.ag-omi{animation:none}}

/* hub v9 */
.hub9{height:460px;max-width:1040px}
.hub9 .hub-src{width:262px;padding:16px 16px 12px}
.hub9 .hub-src small,.hub9 .colt{display:block;font:600 10.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.hub9 .colt{color:#AEB9E8;position:absolute;top:-28px;left:0;right:0;text-align:center}
.hub9 .th{width:46px;height:38px;border-radius:9px}
.hub9 .src-row b{font-size:13px}
.core9{position:absolute;left:calc(50% - 100px);top:calc(50% - 100px);width:200px;height:200px;border-radius:44px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:16px;box-shadow:0 0 0 12px rgba(255,255,255,.08),0 0 0 26px rgba(255,255,255,.04),0 30px 60px -20px rgba(0,0,0,.5)}
.core9 img{width:86px;animation:fl 5s ease-in-out infinite}
.core9 b{font:600 20px/1 var(--h);letter-spacing:-.03em;color:var(--blue);margin-top:4px}
.core9 span{font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.hub9 .hub-llm{width:228px;gap:12px}
.hub9 .llm{padding:8px 14px 8px 8px}
.hub9 .llm .lgw{width:30px;height:30px;background:#F4F5F8}
.hub9 .llm .lgw img{width:20px;height:20px;filter:grayscale(1) brightness(0);opacity:.55}
@media (max-width:980px){.hub9{height:auto}.core9{position:relative;left:auto;top:auto}.hub9 .colt{position:static;text-align:left}.hub9 .hub-llm{grid-template-columns:1fr}}
/* agent dans un bloc */
.agent8{padding:90px 0 0}
.agent8 .ag-g{background:#fff;border-radius:36px;padding:48px;box-shadow:0 1px 0 var(--line)}
.agent8 .ag-stats div{background:var(--beige);box-shadow:none}

@media (max-width:980px){.agent8 .ag-g{padding:20px 18px 28px;border-radius:28px}}

.oA .hd{text-align:center;max-width:980px;margin:0 auto}
.oA h2{font-size:clamp(38px,4.8vw,64px)}
.oA h2 span{color:var(--blue)}
.oA .g{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;margin-top:56px}
.oA .vid{aspect-ratio:16/10}
.oA .stat{border-left:3px solid var(--blue);padding-left:28px}
.oA .stat p{font-size:clamp(18px,1.6vw,21px);color:var(--ink-2);margin-top:14px;max-width:380px}
.oA .stat p.src{font-size:12px;color:var(--muted);margin-top:18px}
@media (max-width:980px){.oA .g{grid-template-columns:1fr;gap:30px}}
/* Et en plus façon Joe */
.more6{background:#0E1A45;color:#fff;padding:120px 0 120px;margin-top:110px;position:relative;overflow:hidden}
.more6::before{content:"";position:absolute;right:-200px;top:-200px;width:700px;height:700px;border-radius:50%;border:80px solid rgba(109,128,226,.07);pointer-events:none}
.more6 .sh h2{color:#fff}.more6 .sh h2 .kw{color:#9DB0FF}
.more6 .sh p{color:#B9C2E0}
.more6 .tag{background:rgba(255,255,255,.1);color:#fff}
.more6 .big6{box-shadow:none;color:var(--ink)}
.more6 .wrap{position:relative;z-index:1}
.grid8{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.jc{display:block;text-decoration:none;color:#fff}
.jc .pan{position:relative;height:270px;border-radius:22px;overflow:hidden;background:radial-gradient(90% 90% at 80% 10%,#F3F6FF 0%,#DCE5FF 60%,#CCD8FF 100%);display:grid;place-items:center;padding:20px;transition:transform .3s}
.jc:hover .pan{transform:translateY(-4px)}
.jc .pan::before{content:"";position:absolute;left:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(61,85,199,.08)}
.jc h3{font-size:26px;letter-spacing:-.035em;margin-top:22px;color:#fff}
.jc p{color:#B9C2E0;font-size:15.5px;margin-top:8px}
.jc .go{display:inline-flex;gap:6px;margin-top:12px;font:600 14.5px/1 var(--b);color:#9DB0FF}
.jc .go span{transition:transform .2s}.jc:hover .go span{transform:translateX(4px)}
.jc .lab{display:inline-block;font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--peach);margin-top:22px}
.jc .lab+h3{margin-top:10px}
.ui{position:relative;width:100%;max-width:300px;display:grid;gap:9px;z-index:1}
.ui .c{background:#fff;color:var(--ink);border-radius:14px;padding:11px 13px;box-shadow:0 14px 30px -16px rgba(23,37,60,.35);font-size:12.5px}
.ui .c small{display:block;font:600 9.5px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.ui .c b{font:600 15px/1.2 var(--h);letter-spacing:-.02em;display:block}
.ui .c .m{color:var(--muted);font-size:11.5px;margin-top:2px}
.ui .ok{display:flex;align-items:center;gap:7px;justify-self:center;background:var(--nuit);color:#fff;border-radius:999px;padding:7px 12px;font-size:11.5px;font-weight:500}
.ui .ok i{width:14px;height:14px;border-radius:50%;background:#5FCB97;display:grid;place-items:center;font-style:normal;font-size:9px}
/* séquences en boucle */
@keyframes seq{0%,4%{opacity:0;transform:translateY(12px)}10%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
.ui .s{opacity:0;animation:seq 7s cubic-bezier(.2,.8,.2,1) infinite}
.ui .s1{animation-delay:0s}.ui .s2{animation-delay:.9s}.ui .s3{animation-delay:1.8s}.ui .s4{animation-delay:2.7s}
.ui .s2,.ui .s3,.ui .s4{animation-name:seq2}
@keyframes seq2{0%,13%{opacity:0;transform:translateY(12px)}20%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
.ui .s3{animation-name:seq3}@keyframes seq3{0%,26%{opacity:0;transform:translateY(12px)}33%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.ui .s4{animation-name:seq4}@keyframes seq4{0%,39%{opacity:0;transform:translateY(12px)}46%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.ui .s1,.ui .s2,.ui .s3,.ui .s4{animation-delay:0s}
.bars8 .r{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;font-size:11.5px;padding:4px 0}
.bars8 .r i{display:block;height:8px;border-radius:5px;background:#ECEEF3;position:relative;overflow:hidden}
.bars8 .r i::after{content:"";position:absolute;inset:0;border-radius:5px;background:var(--blue);transform-origin:left;animation:grow 7s cubic-bezier(.2,.8,.2,1) infinite;transform:scaleX(var(--w))}
.bars8 .r.hot i::after{background:var(--coral)}
@keyframes grow{0%,8%{transform:scaleX(0)}25%,88%{transform:scaleX(var(--w))}100%{transform:scaleX(0)}}
.big9{font:600 34px/1 var(--h);letter-spacing:-.05em;color:var(--coral)}
@media (max-width:980px){.grid8{grid-template-columns:1fr}.more6{margin-top:80px;padding:80px 0}}
@media (prefers-reduced-motion:reduce){.ui .s{animation:none;opacity:1}.bars8 .r i::after{animation:none}}
/* fonctionnalités à onglets */
.ft-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px 0 34px}
.ft-tabs button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#C9D1EE;font:500 15px/1 var(--b);padding:14px 20px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s,color .3s}
.ft-tabs button em{font-style:normal;font:600 10px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:#B4C2FF}
.ft-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);border-color:#fff}
.ft-tabs button[aria-selected="true"] em{color:var(--blue)}
.ft-tabs button .pg{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue)}
.ft-tabs button[aria-selected="true"].run .pg{animation:pg var(--dur,10s) linear forwards}
@keyframes pg{to{width:100%}}
.fp{display:none;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:center}
.fp.on{display:grid;animation:fpin .6s cubic-bezier(.2,.8,.2,1)}
@keyframes fpin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fp .tx .lab{display:inline-block;font:600 12px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B4C2FF}
.fp .tx h3{font-size:clamp(32px,3.4vw,46px);color:#fff;margin-top:14px}
.fp .tx h3 span{color:#9DB0FF}
.fp .tx p{color:#B9C2E0;font-size:17px;margin-top:14px;max-width:380px}
.fp .tx ul{list-style:none;margin-top:20px;display:grid;gap:10px}
.fp .tx li{display:grid;grid-template-columns:20px 1fr;gap:10px;color:#DCE1F8;font-size:15px}
.fp .tx li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:rgba(157,176,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239DB0FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.fp .tx .go{display:inline-flex;gap:6px;margin-top:24px;font:600 15px/1 var(--b);color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border-radius:999px;padding:12px 18px}
.fp .tx .go:hover{background:rgba(255,255,255,.18)}
.fp .scr8{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(90% 90% at 80% 10%,#F3F6FF 0%,#DCE5FF 60%,#CCD8FF 100%);padding:34px;min-height:520px;display:grid;place-items:center}
.fp .scr8::before{content:"";position:absolute;left:-90px;bottom:-140px;width:360px;height:360px;border-radius:50%;border:46px solid rgba(61,85,199,.08)}
.win8{position:relative;z-index:1;width:100%;max-width:560px;background:#F6F7FA;border-radius:16px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(23,37,60,.45)}
.win8 .bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#fff;border-bottom:1px solid var(--line-2)}
.win8 .bar i{width:10px;height:10px;border-radius:50%;background:#D5D9E2}
.win8 .bar span{margin:0 auto;font-size:11.5px;color:var(--muted)}
.win8 .body{padding:20px;display:grid;gap:11px;min-height:360px;align-content:start}
.win8 .ui{max-width:none}
.win8 .ui .c{padding:14px 16px;font-size:13.5px}
.win8 .ui .c b{font-size:17px}
.fp .rw{max-width:none;width:100%;position:relative;z-index:1}
.fp .rw .rw-in{height:520px}
.fp .scr8.rad{padding:0;background:none;min-height:0}
.fp .scr8.rad::before{display:none}
/* les séquences ne tournent que dans l'onglet actif */
.fp:not(.on) .ui .s{animation:none}
.fp:not(.on) .bars8 .r i::after{animation:none}
@media (max-width:980px){.fp{grid-template-columns:1fr;gap:26px}.fp .scr8{padding:16px;min-height:420px}.ft-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px}.ft-tabs::-webkit-scrollbar{display:none}.ft-tabs button{flex:none}}

/* scène mascotte + IA */
.scene{position:relative;width:250px;height:230px;margin:70px auto 130px;z-index:1;transform:scale(1.35);transform-origin:center top}
.lap{position:absolute;left:20px;right:10px;top:20px}
.lap-scr{height:132px;border-radius:12px 12px 4px 4px;background:#17253C;border:5px solid #2A3550;padding:8px;overflow:hidden;box-shadow:0 24px 40px -20px rgba(23,37,60,.5)}
.lap-bar{display:flex;gap:4px;margin-bottom:8px}.lap-bar i{width:6px;height:6px;border-radius:50%;background:#3E4A66}
.lap-base{height:10px;margin:0 -18px;border-radius:0 0 12px 12px;background:linear-gradient(#D5DAE6,#B9C0D0);position:relative}
.lap-base::after{content:"";position:absolute;left:50%;top:0;width:44px;height:4px;transform:translateX(-50%);border-radius:0 0 6px 6px;background:#A5ADC0}
.lap-chat{display:grid;gap:6px}
.lb{border-radius:7px;opacity:0;animation:lb 6s infinite}
.lb.me{justify-self:end;width:62%;height:12px;background:#3D55C7;animation-delay:.2s}
.lb.ai{width:40px;height:14px;background:#2A3550;display:flex;gap:3px;align-items:center;justify-content:center;animation-delay:1s}
.lb.ai span{width:4px;height:4px;border-radius:50%;background:#9DB0FF;animation:tp 1s infinite}
.lb.ai span:nth-child(2){animation-delay:.15s}.lb.ai span:nth-child(3){animation-delay:.3s}
.lb.card{display:flex;gap:6px;align-items:center;background:#fff;padding:5px;width:80%;animation-delay:2s}
.lb.card i{width:26px;height:20px;border-radius:4px;background:linear-gradient(135deg,#8DB08F,#D9C9A3)}
.lb.card u{display:block;height:4px;border-radius:2px;background:#DDE2EC;width:60px;margin:2px 0}
.lb.card u+u{width:38px;background:var(--coral)}
@keyframes lb{0%,3%{opacity:0;transform:translateY(6px)}10%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
.omi-s{position:absolute;left:-30px;bottom:-18px;width:120px;z-index:3;animation:fl 4s ease-in-out infinite;filter:drop-shadow(0 14px 18px rgba(23,37,60,.25))}
.pop{position:absolute;z-index:4;display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:5px 10px 5px 5px;box-shadow:0 12px 24px -12px rgba(23,37,60,.45);font-size:12px;opacity:0;transform:scale(.4);animation:pop 4s cubic-bezier(.2,.9,.3,1.4) infinite}
.pop img{width:20px;height:20px;padding:2px;border-radius:50%;background:#F4F5F8}
.pop:first-of-type img{filter:brightness(0)}
.pop b{font-weight:600;color:var(--ink)}
@keyframes pop{0%{opacity:0;transform:scale(.4) translateY(8px)}12%,70%{opacity:1;transform:scale(1)}85%,100%{opacity:0;transform:scale(.8) translateY(-8px)}}
@media (max-width:640px){.scene{transform:scale(1);margin:60px auto 10px}}
@media (prefers-reduced-motion:reduce){.lb,.pop{animation:none;opacity:1;transform:none}.omi-s{animation:none}}

/* hero stage A */
.heroStage{position:relative;height:420px;margin:50px calc(50% - 50vw) 0;overflow:hidden}
.heroStage .stageA{position:absolute;inset:0}
.heroStage .halo{position:absolute;left:50%;bottom:-260px;width:1100px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(61,85,199,.28),rgba(61,85,199,.08) 60%,transparent)}
.heroStage .wires{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.heroStage .wires path{fill:none;stroke:rgba(61,85,199,.4);stroke-width:1.5;stroke-dasharray:4 6}
.heroStage .wires circle{fill:var(--blue)}
.heroStage .wires circle.end{fill:#fff;stroke:var(--blue);stroke-width:2}
.heroStage .tile{position:absolute;z-index:3;width:120px;height:110px;border-radius:26px;background:linear-gradient(180deg,#fff,#F3F5FA);box-shadow:0 22px 40px -18px rgba(23,37,60,.35),inset 0 -5px 0 rgba(23,37,60,.05),0 0 0 1px rgba(23,37,60,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:600 13px/1 var(--b);color:var(--ink)}
.heroStage .tile img{width:38px;height:38px}.heroStage .tile img.g{filter:brightness(0)}
.heroStage .phone{position:absolute;left:50%;bottom:-150px;width:320px;height:560px;transform:translateX(-50%);border-radius:52px;background:#2A3550;padding:10px;z-index:4;box-shadow:0 40px 70px -30px rgba(23,37,60,.5)}
.heroStage .phone .in{height:100%;border-radius:43px;background:#F6F7FA;overflow:hidden;position:relative;text-align:left}
.heroStage .isl{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:#000}
.heroStage .sb{display:flex;justify-content:space-between;padding:16px 26px 0;height:48px;font:600 14px/1 var(--b)}
.heroStage .gpt{display:flex;align-items:center;gap:8px;padding:6px 16px 10px;font:600 14px/1 var(--b);border-bottom:1px solid var(--line-2);background:#fff}
.heroStage .gpt em{margin-left:auto;font-style:normal;font:600 11px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:4px 8px}
.heroStage .msgs{padding:12px 14px;display:grid;gap:10px}
.heroStage .me{justify-self:end;max-width:85%;background:#ECECEC;border-radius:16px;padding:9px 12px;font-size:13px}
.heroStage .ai{font-size:13px;color:var(--ink)}
.heroStage .pc{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:7px;font-size:12px}
.heroStage .pc i{height:52px;border-radius:8px;background-size:cover;background-position:center}
.heroStage .pc b{display:block;font:600 14px/1.1 var(--h)}
.heroStage .pc span{color:var(--muted);font-size:11px}
.heroStage .pc u{text-decoration:none;display:inline-block;margin-top:4px;font:600 10px/1 var(--b);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:3px 7px}
.heroStage .seq{opacity:0;animation:hseq 8s cubic-bezier(.2,.8,.2,1) infinite}
.heroStage .d1{animation-delay:.2s}.heroStage .d2{animation-delay:1.2s}.heroStage .d3{animation-delay:2.2s}.heroStage .d4{animation-delay:3s}.heroStage .d5{animation-delay:3.8s}
@keyframes hseq{0%{opacity:0;transform:translateY(10px)}6%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
.heroStage .omi{position:absolute;z-index:5;filter:drop-shadow(0 18px 24px rgba(23,37,60,.25));animation:hwave 4s ease-in-out infinite;transform-origin:50% 90%}
@keyframes hwave{0%,60%,100%{rotate:0deg}70%{rotate:-10deg}80%{rotate:8deg}90%{rotate:-6deg}}
.hero6{padding-bottom:0}
.proof{margin-top:0;padding:40px 0 30px;background:#fff;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
@media (max-width:760px){.heroStage{height:360px}.heroStage .stageA{transform:scale(.6);transform-origin:center bottom;left:-40%;right:-40%}}
@media (prefers-reduced-motion:reduce){.heroStage .seq{animation:none;opacity:1}.heroStage .omi{animation:none}}

.proof2{display:grid;grid-template-columns:auto auto 1fr;gap:40px;align-items:center;max-width:1152px;margin:0 auto;padding:34px 0 40px;text-align:left}
.p-stat{display:flex;flex-direction:column;gap:4px;padding-right:40px;border-right:1px solid #E5DDD2}
.p-stat b{font:600 44px/1 var(--h);letter-spacing:-.05em;color:var(--blue)}
.p-stat span{font-size:14px;color:var(--ink-2);max-width:220px;line-height:1.4}
.p-logos{min-width:0}
.p-logos small{display:block;font:600 11px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.p-logos .logos{margin-top:0}
.pressband{padding:44px 0;border-bottom:1px solid #E5DDD2}
.pressband .press{margin-top:0}
.pressband .pl{font:600 11px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.heroStage{margin-top:28px}
@media (max-width:760px){.proof2{grid-template-columns:1fr 1fr;gap:22px;text-align:center}.p-stat{border-right:0;padding-right:0;align-items:center}.p-stat span{max-width:none}.p-logos{grid-column:1/-1}.p-stat b{font-size:34px}}
@media (prefers-reduced-motion:reduce){.o-tilt,}

.heroStage{height:480px}
.heroStage .phone{bottom:-80px}
.heroStage .seq{animation-duration:11s}
.heroStage .d1{animation-delay:.3s}.heroStage .d2{animation-delay:1.4s}.heroStage .d3{animation-delay:2.4s}.heroStage .d4{animation-delay:3.6s}.heroStage .d5{animation-delay:5.2s}
.vbtn{justify-self:start;background:var(--blue);color:#fff;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:600;animation-name:vtap!important}
@keyframes vtap{0%{opacity:0;transform:translateY(10px)}5%,12%{opacity:1;transform:none}14%{transform:scale(.92);box-shadow:0 0 0 6px rgba(61,85,199,.25)}17%,85%{opacity:1;transform:none;box-shadow:none}95%,100%{opacity:0}}
.vok{display:flex;gap:10px;align-items:center;background:var(--ok-soft);border:1px solid #BFE6D0;border-radius:12px;padding:9px 11px;font-size:11.5px;color:#237A53}
.vok .ck{width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.vok b{display:block;font:600 13px/1.2 var(--h);color:var(--ink)}
@media (max-width:760px){.heroStage{height:420px}}

.omiDock{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 10px 24px -10px rgba(23,37,60,.45),0 0 0 1px rgba(61,85,199,.12);display:grid;place-items:center;z-index:3}
.omiDock img{width:46px;height:auto;animation:dockbob 3s ease-in-out infinite}
.omiDock .ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(61,85,199,.35);animation:ring 2.2s ease-out infinite}
@keyframes ring{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes dockbob{50%{transform:translateY(-3px) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.omiDock img,.omiDock .ring{animation:none}}
/* presse en défilé */
.pressband .pm{overflow:hidden;margin-top:18px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pressband .pm .tr{display:flex;align-items:center;gap:64px;width:max-content;animation:mq 45s linear infinite}
.pressband .pm img{height:24px;width:auto;filter:grayscale(1);opacity:.6;mix-blend-mode:multiply}
.pressband .pm img.m6{height:34px}
.pressband .pm .wm{font:700 20px/1 Georgia,"Times New Roman",serif;color:#8C93A0;white-space:nowrap}
.pressband .pl{display:block;text-align:center}
@media (prefers-reduced-motion:reduce){.pressband .pm .tr{animation:none}}

/* bloc biens -> IA, version B */
.fb{display:grid;grid-template-columns:290px 1fr 290px;align-items:center;max-width:1200px;margin:10px auto 0;position:relative;z-index:1}
.fb-ph{height:400px;border-radius:200px 200px 28px 28px;background-size:cover;background-repeat:no-repeat;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);position:relative}
.fb-who h4{font:600 20px/1.2 var(--h);letter-spacing:-.03em;margin-top:18px;color:#fff}
.fb-who p{font-size:14.5px;color:#C9D1EE;margin-top:4px}
.fb-flow{display:grid;grid-template-columns:64px 1fr 64px;align-items:center}
.fbw{position:relative;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 6px,transparent 6px 12px)}
.fbw::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#B4C2FF;box-shadow:0 0 12px #B4C2FF;animation:fbrun 2.4s linear infinite}
.fbw.r::after{animation-delay:1.2s}
@keyframes fbrun{from{left:0}to{left:calc(100% - 8px)}}
.fb-stage{display:flex;flex-direction:column;align-items:center;gap:30px;padding:0 10px}
.fb-omy{position:relative;z-index:6;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:999px;padding:6px 16px 6px 6px;font:600 14px/1 var(--h);box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.fb-omy img{width:38px;height:38px;object-fit:contain;background:var(--blue-soft);border-radius:50%;padding:3px}
.fb-omy b{color:var(--blue)}
.fb-slider{position:relative;width:100%;max-width:400px;aspect-ratio:400/340}
.fbp{position:absolute;inset:0;background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -22px rgba(6,12,50,.6);opacity:0;animation:fbsl 12s infinite}
.fbp:nth-child(2){animation-delay:4s}.fbp:nth-child(3){animation-delay:8s}
@keyframes fbsl{0%{opacity:0;transform:translateY(10px) scale(.98)}5%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-10px) scale(.98)}}
.fbp .im{display:block;background-size:cover;background-position:center;height:230px}
.fbp .tx{padding:14px 16px 16px}
.fbp .row{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.fbp b{display:block;font:600 17px/1.2 var(--h);letter-spacing:-.02em}
.fbp .ag{font-size:12px;color:var(--muted)}
.fbp .pr{font:600 19px/1 var(--h);color:var(--blue);white-space:nowrap}
.fb-reco{font-size:13px;color:#C9D1EE;display:flex;align-items:center;gap:10px}
.fbai{display:flex;gap:8px}
.fbai span{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.fbai img{width:22px;height:22px;filter:grayscale(1) brightness(0);opacity:.6}
.fbb{position:absolute;left:-40px;bottom:30px;max-width:250px;background:#fff;color:var(--ink);border-radius:18px 18px 4px 18px;padding:12px 15px;font-size:14.5px;line-height:1.35;box-shadow:0 24px 50px -22px rgba(6,12,50,.6)}
.fbb small{display:block;font:600 10.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
@media (max-width:980px){.fb{grid-template-columns:1fr;gap:24px}.fb-flow{grid-template-columns:1fr}.fbw{display:none}.fb-ph{height:360px}.fbb{left:16px}.fb-slider{aspect-ratio:auto;height:330px}.fbp .im{height:210px}.fb-reco{flex-direction:column}}

/* animation de matching au scroll */
.pb{overflow:clip}
.fb-scroll{height:240vh;position:relative}
.fb-sticky{position:sticky;top:max(76px,calc(50vh - 300px))}
.fb .fbp{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s,box-shadow .5s}
.fb[data-s="1"] .fbp,.fb[data-s="2"] .fbp,.fb[data-s="3"] .fbp,.fb[data-s="4"] .fbp,.fb[data-s="5"] .fbp{animation:none}
.fb:not([data-s="0"]) .fbp:nth-child(1){opacity:1;transform:none;z-index:3}
.fb:not([data-s="0"]) .fbp:nth-child(2){opacity:.5;transform:translate(18px,-8px) scale(.95);z-index:2}
.fb:not([data-s="0"]) .fbp:nth-child(3){opacity:.25;transform:translate(34px,-14px) scale(.9);z-index:1}
.fb[data-s="1"] .fbp:nth-child(1){transform:translate(-10px,8px) rotate(-2deg)}
.fb[data-s="1"] .fbp:nth-child(2){opacity:.8;transform:translate(14px,-6px) rotate(2deg)}
.fb[data-s="1"] .fbp:nth-child(3){opacity:.6;transform:translate(30px,-20px) rotate(4deg)}
.fb:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"]) .fbp:nth-child(1){box-shadow:0 0 0 3px #B4C2FF,0 30px 60px -22px rgba(6,12,50,.7)}
.fbp .im{position:relative}
.fb-score{position:absolute;top:12px;right:12px;width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);opacity:0;transform:scale(.6);transition:.5s cubic-bezier(.2,.8,.2,1)}
.fb-score svg{position:absolute;inset:5px;width:52px;height:52px;transform:rotate(-90deg)}
.fb-score circle{fill:none;stroke:#E6E9F5;stroke-width:3.5}
.fb-score circle.v{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:94.2;stroke-dashoffset:94.2;transition:stroke-dashoffset 1.2s .2s ease}
.fb-score b{font:600 13px/1 var(--h);color:var(--blue);letter-spacing:-.02em}
.fb-crit{position:absolute;left:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px}
.fb-crit span{font:600 11.5px/1 var(--b);background:#fff;color:#1E8E5A;border-radius:999px;padding:6px 9px;box-shadow:0 8px 18px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(8px);transition:.45s}
.fb-crit span:nth-child(2){transition-delay:.25s}.fb-crit span:nth-child(3){transition-delay:.5s}
.fb:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"]) .fb-score{opacity:1;transform:none}
.fb:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"]) .fb-score circle.v{stroke-dashoffset:3.8}
.fb:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"]) .fb-crit span{opacity:1;transform:none}
.fb-omy .t{display:grid}.fb-omy .t>span{grid-area:1/1;transition:opacity .3s}
.fb-omy .fo1,.fb-omy .fo2{opacity:0}
.fb[data-s="1"] .fb-omy .fo0,.fb:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"]) .fb-omy .fo0{opacity:0}
.fb[data-s="1"] .fb-omy .fo1{opacity:1}
.fb:is([data-s="2"],[data-s="3"],[data-s="4"],[data-s="5"]) .fb-omy .fo2{opacity:1}
.fb[data-s="1"] .fb-omy img{animation:fbthink .7s ease-in-out infinite}
@keyframes fbthink{50%{transform:rotate(-10deg) scale(1.08)}}
/* fils : sens et activité */
.fbw::after{opacity:0;animation:none}
.fb[data-s="1"] .fbw.r::after{opacity:1;animation:fbrev 1.1s linear infinite}
.fb[data-s="3"] .fbw.r::after{opacity:1;animation:fbrun 1.1s linear infinite}
.fb[data-s="4"] .fbw.r::after,.fb[data-s="5"] .fbw.r::after{opacity:1;animation:fbrev 1.1s linear infinite}
.fb[data-s="4"] .fbw.l::after,.fb[data-s="5"] .fbw.l::after{opacity:1;animation:fbrev 1.1s .3s linear infinite}
.fb[data-s="0"] .fbw::after{opacity:1;animation:fbrun 2.4s linear infinite}
@keyframes fbrev{from{left:calc(100% - 8px)}to{left:0}}
/* côté acheteur */
.fbb{top:22px;bottom:auto;opacity:0;transform:translateY(10px);transition:.5s cubic-bezier(.2,.8,.2,1)}
.fb:not([data-s="0"]) .fbb{opacity:1;transform:none}
.fb-rec{position:absolute;left:-40px;right:16px;bottom:18px;background:#fff;color:var(--ink);border-radius:16px;padding:10px;box-shadow:0 24px 50px -22px rgba(6,12,50,.7);opacity:0;transform:translateX(-20px);transition:.6s cubic-bezier(.2,.8,.2,1)}
.fb-rec .top{display:flex;gap:10px;align-items:center}
.fb-rec .th{width:58px;height:46px;border-radius:9px;background-size:cover;background-position:center;flex:none}
.fb-rec small{display:block;font-size:11px;color:var(--muted);line-height:1.2}
.fb-rec b{font:600 13.5px/1.25 var(--h);letter-spacing:-.02em}
.btn2{display:grid;margin-top:9px;border-radius:10px;background:var(--blue);color:#fff;font:600 13px/1 var(--b);text-align:center;overflow:hidden;transition:background .4s,transform .2s}
.btn2>span{grid-area:1/1;padding:10px 8px;transition:opacity .3s}
.btn2 .b{opacity:0}
.fb:is([data-s="3"],[data-s="4"],[data-s="5"]) .fb-rec{opacity:1;transform:none}
.fb:is([data-s="4"],[data-s="5"]) .btn2{background:#1E8E5A}
.fb:is([data-s="4"],[data-s="5"]) .btn2 .a{opacity:0}
.fb:is([data-s="4"],[data-s="5"]) .btn2 .b{opacity:1}
.fb[data-s="4"] .btn2{animation:fbtap .5s}
@keyframes fbtap{30%{transform:scale(.94)}}
/* côté agent */
.fb-notif{position:absolute;left:16px;right:-40px;bottom:18px;background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px;box-shadow:0 24px 50px -22px rgba(6,12,50,.7);opacity:0;transform:translateY(18px) scale(.97);transition:.6s cubic-bezier(.2,.8,.2,1);z-index:2}
.fb-notif small{display:flex;align-items:center;gap:6px;font:600 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.fb-notif small i{width:7px;height:7px;border-radius:50%;background:#1E8E5A;box-shadow:0 0 0 4px rgba(30,142,90,.18)}
.fb-notif b{display:block;font:600 14.5px/1.3 var(--h);letter-spacing:-.02em}
.fb-notif .r{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.fb-notif .r span{font:500 11px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:5px 8px}
.fb-notif .r span.ok{background:#E6F6EE;color:#1E8E5A}
.fb[data-s="5"] .fb-notif{opacity:1;transform:none}
.fb[data-s="5"] .fb-who:first-child .fb-ph{box-shadow:0 0 0 3px #B4C2FF,0 40px 80px -40px rgba(0,0,0,.6)}
.fb-ph{transition:box-shadow .5s}
/* étapes */
.fb-steps{position:relative;display:flex;justify-content:center;gap:34px;margin:34px auto 0;max-width:760px;padding-bottom:14px;font:500 13px/1 var(--b);color:rgba(255,255,255,.45)}
.fb-steps span{transition:color .3s}
.fb-steps span.on{color:#fff}
.fb-steps .bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.14);border-radius:2px}
.fb-steps .bar i{display:block;height:100%;width:0;background:#B4C2FF;border-radius:2px;transition:width .2s linear}
@media (max-width:980px){
  .fb-scroll{height:auto}.fb-sticky{position:static}
  .fb-notif{right:16px}.fb-rec{left:16px}
  .fb-steps{flex-wrap:wrap;gap:10px 18px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.fb-scroll{height:auto}.fb-sticky{position:static}}

/* descente : deux traits agent / particulier -> 1, 2, 3 */
.fb-down{position:relative;max-width:1200px;margin:90px auto 0;height:1020px}
.fd-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fd-svg path{fill:none;stroke-width:2;stroke-linecap:round}
.fd-svg path.bg{stroke:rgba(255,255,255,.14);stroke-dasharray:5 7}
.fd-svg path.fg{stroke:url(#fdg);stroke:#B4C2FF}
.fd-svg .hd{fill:#fff;filter:drop-shadow(0 0 8px #B4C2FF);opacity:0;transition:opacity .3s}
.fd-org{position:absolute;top:0;font:600 12.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);transform:translate(-50%,-50%);background:#fff;padding:10px 16px;border-radius:999px;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 16px 30px -12px rgba(0,0,0,.5);white-space:nowrap;z-index:3;display:inline-flex;align-items:center;gap:8px}
.fd-org::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(61,85,199,.18)}
.fb-down .st3{position:absolute;opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.fb-down .st3.on{opacity:1;transform:none}
.fd1{left:205px;top:110px;width:380px}
.fd2{right:205px;top:370px;width:380px}
.fd3{left:50%;top:690px;width:520px;margin-left:-260px}
.fb-down .st3.main .n{background:var(--blue)}
.fb-down .st3.main.on{box-shadow:0 0 0 8px rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.6)}
@media (max-width:980px){
  .fb-down{height:auto;padding:40px 0 0 34px;display:grid;gap:18px}
  .fd-svg,.fd-org{display:none}
  .fb-down::before{content:"";position:absolute;left:10px;top:0;bottom:40px;width:2px;background:linear-gradient(#B4C2FF,rgba(180,194,255,.15))}
  .fb-down .st3{position:relative;left:auto;right:auto;top:auto;width:auto;margin:0}
}

/* frise 30 ans -> IA 2026 */
.tl2{position:relative;height:460px;margin-top:80px;border-radius:32px;overflow:hidden;background:#F4F5FA;border:1px solid #E7E9F2}
.tl2 svg{position:absolute;inset:0;width:100%;height:100%}
.tl2 .cv{fill:none;stroke:url(#t2s);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.tl2 .band{position:absolute;top:0;bottom:0;left:66%;right:0;background:radial-gradient(90% 70% at 90% 10%,#5C72E6 0%,#2E44B8 45%,#16237A 100%)}
.tl2 .band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.tl2 .col{position:absolute;top:0;bottom:0;padding:30px 26px;border-left:1px dashed #DCDFEA}
.tl2 .col:first-of-type{border-left:0}
.tl2 .col small{display:block;font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tl2 .col b{display:block;font:600 22px/1.1 var(--h);letter-spacing:-.035em;color:var(--ink);margin-top:10px}
.tl2 .col span{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.tl2 .col.hot{border-left:0;padding-left:34px}
.tl2 .col.hot small{color:#B4C2FF}
.tl2 .col.hot b{color:#fff;font-size:34px;display:flex;align-items:center;gap:10px}
.tl2 .col.hot b em{font:700 10px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;font-style:normal;background:#fff;color:var(--blue);border-radius:6px;padding:5px 7px}
.tl2 .col.hot span{color:#C9D1EE}
.tl2-cap{position:absolute;left:26px;bottom:22px;z-index:2;font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#A3AAB9}
.tl2 .nd{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid #A6AEBF;z-index:2;opacity:0;transform:scale(.4);transition:.45s cubic-bezier(.2,.8,.2,1)}
.tl2 .nd.hot{border-color:#fff;background:#3D55C7}
.tl2 .nd.on{opacity:1;transform:none}
.tl2 .peak{position:absolute;z-index:3;width:0;height:0;opacity:0;transition:opacity .5s}
.tl2 .peak i{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.25),0 0 30px 8px rgba(180,194,255,.9)}
.tl2 .peak i::before,.tl2 .peak i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:t2p 2.4s ease-out infinite}
.tl2 .peak i::after{animation-delay:1.2s}
@keyframes t2p{from{transform:scale(1);opacity:1}to{transform:scale(3.2);opacity:0}}
.tl2 .peak .yr{position:absolute;right:20px;top:-12px;font:700 13px/1 var(--b);color:var(--blue);background:#fff;border-radius:999px;padding:6px 10px;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.tl2 .peak.on{opacity:1}
.tl2 .call{position:absolute;right:30px;bottom:92px;text-align:right;z-index:3;color:#fff;opacity:0;transform:translateY(12px);transition:.6s cubic-bezier(.2,.8,.2,1)}
.tl2 .call b{display:block;font:600 30px/1.05 var(--h);letter-spacing:-.04em}
.tl2 .call span{font-size:14px;color:#C9D1EE}
.tl2 .call.on{opacity:1;transform:none}
.tl2 .t2ai{position:absolute;right:30px;bottom:26px;display:flex;gap:8px;z-index:3}
.tl2 .t2ai span{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;box-shadow:0 14px 26px -12px rgba(0,0,0,.6);opacity:0;transform:translateY(16px) scale(.8);transition:.5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*90ms)}
.tl2 .t2ai img{width:22px;height:22px}.tl2 .t2ai span:first-child img{filter:brightness(0)}
.tl2 .t2ai.on span{opacity:1;transform:none}
@media (max-width:980px){
  .tl2{height:420px;margin-top:50px}
  .tl2 .col{padding:20px 10px}.tl2 .col b{font-size:15px}.tl2 .col span{display:none}.tl2 .col small{font-size:9.5px;letter-spacing:.04em}
  .tl2 .col.hot{padding-left:12px}.tl2 .col.hot b{font-size:20px;flex-wrap:wrap;gap:6px}
  .tl2 .call{display:none}.tl2 .call b{font-size:18px}.tl2 .call span{font-size:12px;display:block;max-width:120px;margin-left:auto}
  .tl2 .t2ai{right:10px;bottom:14px;gap:4px}.tl2 .t2ai span{width:26px;height:26px;border-radius:8px}.tl2 .t2ai img{width:15px;height:15px}
  .tl2 .peak .yr{font-size:11px;right:-8px;top:18px}.tl2 .col.hot b em{display:none}
}

/* témoignage vidéo (simulation) */
.tmw{padding:100px 0 20px}
.tmv{position:relative;max-width:980px;margin:0 auto;aspect-ratio:16/9;border-radius:28px;overflow:hidden;cursor:pointer;box-shadow:0 50px 90px -50px rgba(23,37,60,.6);background:#16237A;outline:none}
.tmv .bg{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:blur(6px) saturate(.9);transform:scale(1.04);transition:transform 12s linear,filter .6s}
.tmv .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,30,98,.35) 0%,rgba(18,30,98,.15) 40%,rgba(12,20,70,.85) 100%);transition:.6s}
.tmv .hlogo{position:absolute;top:22px;left:22px;background:#fff;border-radius:12px;padding:8px 12px;display:flex;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.tmv .hlogo img{height:24px;width:auto;display:block}
.tmv .play{position:absolute;left:50%;top:46%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 14px rgba(255,255,255,.18),0 30px 60px -20px rgba(0,0,0,.6);transition:transform .3s,opacity .4s}
.tmv .play::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:t2p 2.4s ease-out infinite}
.tmv .play svg{width:38px;height:38px;fill:var(--blue);margin-left:4px}
.tmv .play .pa{display:none}
.tmv:hover .play{transform:scale(1.06)}
.tmv .ttl{position:absolute;left:32px;bottom:72px;color:#fff;transition:.5s}
.tmv .ttl small{display:block;font:600 11px/1 var(--b);letter-spacing:.1em;text-transform:uppercase;color:#B4C2FF}
.tmv .ttl b{display:block;font:600 clamp(26px,3.4vw,42px)/1.05 var(--h);letter-spacing:-.04em;margin-top:10px}
.tmv .ttl span{font-size:15px;color:#C9D1EE}
.tmv .sub{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;font-size:15px;padding:6px 12px;border-radius:6px;opacity:0;transition:.4s}
.tmv .ctl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:14px 22px 16px;color:#fff;font:500 12.5px/1 var(--b)}
.tmv .ctl .ic{width:20px;height:20px;fill:#fff;opacity:.9;flex:none}
.tmv .ctl .tm{white-space:nowrap;opacity:.85}.tmv .ctl .tm i{font-style:normal}
.tmv .ctl .bar{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}
.tmv .ctl .bar i{display:block;height:100%;width:0;background:#fff;border-radius:4px}
.tmv.playing .bg{transform:scale(1.1);filter:blur(4px) saturate(.9)}
.tmv.playing .ov{background:linear-gradient(180deg,rgba(18,30,98,.25) 0%,rgba(0,0,0,.55) 100%)}
.tmv.playing .ttl{opacity:0;transform:translateY(10px)}
.tmv.playing .play{opacity:0;transform:scale(.8)}
.tmv.playing:hover .play{opacity:1;transform:none}
.tmv.playing .play .pl{display:none}.tmv.playing .play .pa{display:inline}
.tmv.playing .play::after{display:none}
.tmv.playing .sub{opacity:1}
@media (max-width:640px){.tmw{padding:70px 0 10px}.tmv{border-radius:18px;aspect-ratio:4/5}.tmv .play{width:72px;height:72px;margin:-36px 0 0 -36px}.tmv .ttl{left:20px;bottom:60px}.tmv .ctl{padding:12px 14px;gap:10px}.tmv .ctl .ic:nth-last-child(2){display:none}}

/* CTA offre RENT */
.nav .btn.rent{margin-left:auto;background:var(--blue-soft);color:var(--blue);gap:8px;font-weight:600}
.nav .btn.rent+.btn{margin-left:0}
.nav .btn.rent i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(61,85,199,.5);animation:rentp 2s infinite}
@keyframes rentp{70%{box-shadow:0 0 0 7px rgba(61,85,199,0)}100%{box-shadow:0 0 0 0 rgba(61,85,199,0)}}
.nav .btn.rent:hover{background:#E1E6F8}
@media (max-width:1180px){.nav nav{gap:16px}.nav nav a{font-size:14px}}
.nav nav a.on{color:var(--blue);font-weight:600}

/* blog */
.blogw{padding:100px 0 10px}
.blogw .bh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.blogw .bh h2{font-size:clamp(34px,4.2vw,54px);margin-top:16px;max-width:760px}
.blogw .bh .btn{gap:10px}.blogw .bh .ar{color:var(--blue)}
.bgg{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.bgg a{text-decoration:none;color:var(--ink)}
.bgg .im{display:block;background-color:#DDE2F5;background-size:cover;background-position:center;background-image:linear-gradient(135deg,#C7CFF4,#EEF1FB)}
.bg1{display:flex;flex-direction:column;background:#fff;border:1px solid #E8E1D7;border-radius:28px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.bg1 .im{aspect-ratio:1200/630}
.bg1 .tx{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.bgg .ct{display:inline-block;align-self:flex-start;font:600 11px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:6px 9px}
.bg1 b{display:block;font:600 24px/1.2 var(--h);letter-spacing:-.03em;margin-top:14px}
.bg1 p{font-size:15px;color:var(--ink-2);margin-top:8px}
.bgg .dt{display:block;font-size:12.5px;color:var(--muted);margin-top:12px}
.bg1 .rd{margin-top:auto;padding-top:18px;font:600 14px/1 var(--b);color:var(--blue)}
.bg1 .rd i{font-style:normal;display:inline-block;transition:transform .25s}
.bgl{display:grid;gap:16px}
.bg2{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid #E8E1D7;border-radius:22px;padding:12px;transition:transform .3s,box-shadow .3s}
.bg2 .im{height:112px;border-radius:14px}
.bg2 b{display:block;font:600 17px/1.25 var(--h);letter-spacing:-.02em;margin-top:10px}
.bg2 .dt{margin-top:8px}
.bg1:hover,.bg2:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(23,37,60,.35)}
.bg1:hover .rd i{transform:translateX(4px)}
@media (max-width:980px){.bgg{grid-template-columns:1fr}.blogw .bh{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.bg2{grid-template-columns:110px 1fr;gap:12px}.bg2 .im{height:90px}.bg2 b{font-size:15px}.blogw{padding:70px 0 0}}

/* parcours dans la durée */
.jrn{padding:110px 0 40px}
.jh{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.jh h2{font-size:clamp(36px,4.4vw,58px);margin-top:16px}
.jh p{font-size:18px;color:var(--ink-2);line-height:1.55}
.jt{margin-top:46px;background:#fff;border:1px solid #E8E1D7;border-radius:32px;padding:30px 32px 36px}
.jwho{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #F0EAE2}
.jwho .ph{width:52px;height:52px;border-radius:50%;background-size:260%;background-position:30% 22%;box-shadow:0 0 0 3px var(--blue-soft)}
.jwho b{display:block;font:600 17px/1.2 var(--h)}.jwho>div>span{font-size:13.5px;color:var(--muted)}
.jcnt{margin-left:auto;display:flex;align-items:center;gap:12px;background:var(--blue-soft);border-radius:18px;padding:10px 16px}
.jcnt b{font:600 40px/1 var(--h);letter-spacing:-.05em;color:var(--blue)}
.jcnt span{font-size:12.5px;line-height:1.3;color:var(--ink-2)}
.jcnt.bump b{animation:jb .5s}
@keyframes jb{40%{transform:scale(1.25)}}
.jtr{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}
.jline{position:absolute;left:10%;right:10%;top:40px;height:2px;background:repeating-linear-gradient(90deg,#D9D2C6 0 6px,transparent 6px 12px)}
.jline i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--blue);border-radius:2px}
.jav{position:absolute;top:50%;left:0;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background-size:260%;background-position:30% 22%;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--blue),0 8px 18px -6px rgba(61,85,199,.6);z-index:3;opacity:0;transition:opacity .3s}
.jxs{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.jxm{font:600 11.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);height:22px}
.jxn{position:relative;z-index:2;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #D9D2C6;margin:9px 0 20px;transition:.4s}
.jxs.on .jxn{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 6px rgba(61,85,199,.15)}
.jxs.on .jxm{color:var(--blue)}
.jxc{flex:1;width:100%;background:#FAF8F5;border:1px solid #EFE9E1;border-radius:20px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;opacity:.45;transform:translateY(8px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),background .5s,border-color .5s}
.jxs.on .jxc{opacity:1;transform:none;background:#fff;border-color:#C7CFF4;box-shadow:0 24px 40px -30px rgba(61,85,199,.55)}
.jxo{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--blue-soft)}
.jxo img{width:42px;height:42px;object-fit:contain}
.jxc b{color:var(--ink);display:block;font:600 16px/1.2 var(--h);letter-spacing:-.02em;margin-top:14px}
.jxc p{font-size:13.5px;color:var(--ink-2);line-height:1.45;margin-top:6px;flex:1}
.jxl{margin-top:14px;font:600 12px/1.2 var(--b);color:#1E8E5A;background:#E6F6EE;border-radius:999px;padding:7px 10px;opacity:0;transform:scale(.9);transition:.4s .2s}
.jxs.on .jxl{opacity:1;transform:none}
.jfoot{text-align:center;font-size:17px;color:var(--ink-2);margin-top:28px}
.jfoot b{color:var(--ink)}
@media (max-width:980px){.jh{grid-template-columns:1fr;gap:16px}.jt{padding:22px 18px}.jwho{flex-wrap:wrap}.jcnt{margin-left:0;width:100%}
 .jtr{grid-template-columns:1fr;gap:12px;padding-left:34px}.jline{left:8px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#D9D2C6 0 6px,transparent 6px 12px)}.jline i{width:100%!important;height:var(--jh,0)}.jav{display:none}
 .jxs{align-items:stretch;text-align:left}.jxm{height:auto;margin-bottom:8px}.jxn{position:absolute;left:-34px;top:0;margin:0}.jxc{align-items:flex-start}}
/* tuile Omny dans le hero */
.heroStage .tile.omt{z-index:7}
.heroStage .tile.omt .om{display:grid;place-items:center;width:38px;height:38px;color:var(--blue)}
.heroStage .tile.omt .om svg{width:38px;height:32px}

/* parcours : orbite */
.jbh{text-align:center}
.jbh h2{font-size:clamp(34px,4.2vw,58px);margin-top:16px}
.jbh p{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);margin-top:14px}
.jbw{position:relative;height:640px;max-width:900px;margin:30px auto 20px}
.jborb{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.jborb circle{fill:none;stroke:#D9D2C6;stroke-width:.3;stroke-dasharray:1 1.2}
.jborb .jbp{stroke:var(--blue);stroke-width:.5;stroke-dasharray:var(--p,0) 100;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .9s cubic-bezier(.45,0,.3,1)}
.jbc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;background:radial-gradient(80% 80% at 50% 0%,#5C72E6,#3D55C7 50%,#24359F);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(61,85,199,.1),0 0 0 30px rgba(61,85,199,.05),0 40px 80px -30px rgba(61,85,199,.7)}
.jbph{width:84px;height:84px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 3px #fff}
.jbc>b{font:600 20px/1 var(--h);margin-top:10px}.jbc>span{font-size:13px;color:#D6DCFA;margin-top:4px}
.jbcnt{margin-top:12px;background:#fff;color:var(--ink);border-radius:16px;padding:9px 16px;font:500 14px/1.2 var(--b);display:flex;align-items:center;gap:8px}.jbcnt b{font:600 30px/1 var(--h);letter-spacing:-.04em;color:var(--blue)}
.jbcnt.bump{animation:jbb .5s}@keyframes jbb{40%{transform:scale(1.12)}}
.jbn{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;width:300px;background:#fff;border:1px solid #E8E1D7;border-radius:20px;padding:12px 14px;opacity:.4;transition:opacity .5s,box-shadow .5s,border-color .5s;z-index:2;text-align:left}
.jbn.on{opacity:1;border-color:#C7CFF4;box-shadow:0 24px 40px -26px rgba(61,85,199,.6)}
.jbn.l{transform:translate(-75%,-50%)}.jbn.r{transform:translate(-25%,-50%)}
.jbo{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--blue-soft);flex:none}
.jbo img{width:42px;height:42px;object-fit:contain}
.jbt small{display:block;font:600 11px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.jbt b{display:block;font:600 15.5px/1.2 var(--h);margin:5px 0 7px;color:var(--ink)}
.jbl{display:inline-block;font:600 12px/1.2 var(--b);color:#1E8E5A;background:#E6F6EE;border-radius:999px;padding:7px 10px;opacity:0;transition:.4s .2s}
.jbn.on .jbl{opacity:1}
.jbfoot{text-align:center;font-size:17px;color:var(--ink-2);margin-top:10px}.jbfoot b{color:var(--ink)}
@media (max-width:900px){.jbw{height:auto;display:grid;gap:12px;margin-top:30px}.jborb{display:none}.jbc{position:relative;left:auto;top:auto;transform:none;margin:0 auto 20px}.jbn,.jbn.l,.jbn.r{position:relative;left:auto!important;top:auto!important;transform:none;width:100%}.jbfoot{margin-top:24px}}

/* footer du site */
.foot .ft-top{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.2)}
.foot .ft-p{color:#DCE1F8!important;font-size:15px!important;margin:4px 0 0!important;line-height:1.5}
.ft-nl b{display:block;font:600 15px/1 var(--b);color:#fff}.ft-nl>span{display:block;font-size:14px;color:#DCE1F8;margin-top:6px}
.ft-in{display:flex;gap:8px;margin-top:14px;background:rgba(255,255,255,.12);border-radius:999px;padding:5px}
.ft-in input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:400 14px/1 var(--b);padding:0 14px;outline:none}.ft-in input::placeholder{color:#C9D1EE}
.ft-in button{border:0;background:#fff;color:var(--blue);font:600 14px/1 var(--b);border-radius:999px;padding:11px 18px;cursor:pointer}
.ft-ok{display:none;margin-top:10px;font-size:13.5px;color:#fff}.ft-nl.ok .ft-in{display:none}.ft-nl.ok .ft-ok{display:block}
.foot .cols{grid-template-columns:repeat(3,1fr)}
.foot .bot{align-items:center}
.soc{display:flex;gap:8px}
.foot .soc a{display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:10px;background:rgba(255,255,255,.12)}
.soc svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){.foot .ft-top{grid-template-columns:1fr;gap:22px}.foot .cols{grid-template-columns:1fr 1fr}}

/* bandeau offre RENT */
.nav{padding:0 0 12px}
.nav>.wrap{margin-top:12px}
.rbar{display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(60% 220% at 50% 0%,#5C72E6 0%,#3D55C7 45%,#24359F 100%);color:#fff;text-decoration:none;font:500 13.5px/1.3 var(--b);padding:9px 16px;text-align:center}
.rbar b{font-weight:600}
.rb-d{width:7px;height:7px;border-radius:50%;background:#fff;flex:none;animation:rentp 2s infinite;box-shadow:0 0 0 0 rgba(180,194,255,.6)}
.rb-c{flex:none;font-weight:600;font-size:15px;transition:transform .25s}
.rbar:hover .rb-c{transform:translateX(4px)}
.nav .btn.dark{margin-left:auto}
.nav .btn.login{margin-left:-18px;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
@media (max-width:640px){.rb-t{font-size:12px}.rbar{gap:8px;padding:8px 12px}.rb-d{display:none}}
.ft-sup{margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.2)}
.ft-sup h5{font:600 15px/1 var(--b);color:#fff;margin-bottom:14px}
.sps{display:flex;flex-wrap:wrap;gap:12px}
.sp{display:grid;place-items:center;width:150px;height:72px;background:#fff;border-radius:14px;padding:8px 12px}
.final .sp img{width:auto;max-width:100%;max-height:56px;margin:0;object-fit:contain;animation:none}
@media (max-width:640px){.sp{width:calc(50% - 6px);height:64px}}
.tile.omt .omw{width:78px;height:auto;margin:0;animation:none;display:block}.jbn{opacity:1;background:#FBF8F3;border-color:#ECE5DA;box-shadow:none;transition:background .6s,box-shadow .6s,border-color .6s}.jbn.on{background:#fff}.jbn>.jbo,.jbn .jbt small,.jbn .jbt b{transition:opacity .6s,filter .6s}.jbn:not(.on)>.jbo{opacity:.5;filter:grayscale(1)}.jbn:not(.on) .jbt small,.jbn:not(.on) .jbt b{opacity:.45}
/* ===== responsive pass ===== */
.burger{display:none;place-items:center;align-content:center;gap:4px;width:44px;height:44px;border:0;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;flex:none;padding:0}
.burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s}
.nav.open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav.open .burger i:nth-child(2){opacity:0}.nav.open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:980px){
 .nav .wrap{flex-wrap:wrap;gap:10px;padding-top:10px}
 .nav .btn.dark{margin-left:auto}.nav .btn.login{margin-left:0}
 .burger{display:grid}
 .nav.open{background:rgba(247,241,234,.97);box-shadow:0 20px 40px -24px rgba(23,37,60,.35)}
 .nav.open nav{display:flex;flex-direction:column;order:10;width:100%;margin:6px 0 4px;gap:0;background:#fff;border-radius:18px;padding:4px 18px;box-shadow:0 0 0 1px var(--line)}
 .nav.open nav a{font-size:16px;padding:15px 0;border-bottom:1px solid var(--line-2,#EEE8DF);color:var(--ink)}
 .nav.open nav a:last-child{border-bottom:0}
}
@media (max-width:640px){
 .nav .logo{margin-right:auto}
 .nav.open .btn{display:inline-flex;order:11;flex:1 1 40%;height:48px;margin:0 0 6px}
 .nav.open .btn.dark{margin-left:0}
}
/* hero stage mobile */
@media (max-width:760px){
 .heroStage{height:400px}
 .heroStage .stageA{transform:scale(.6);left:-50%;right:-50%}
 .heroStage .tile[data-n="ChatGPT"]{left:calc(50% - 318px)!important;bottom:330px!important}
 .heroStage .tile[data-n="Gemini"]{left:calc(50% - 318px)!important;bottom:195px!important}
 .heroStage .tile[data-n="Copilot"]{left:calc(50% - 318px)!important;bottom:60px!important}
 .heroStage .tile[data-n="Claude"]{left:calc(50% + 198px)!important;bottom:330px!important}
 .heroStage .tile[data-n="Mistral"]{left:calc(50% + 198px)!important;bottom:195px!important}
 .heroStage .tile[data-n="Omny"]{left:calc(50% + 198px)!important;bottom:60px!important}
}
/* orbit block on small laptops / tablets landscape */
@media (min-width:901px) and (max-width:1120px){
 .jbw{max-width:820px}
 .jbn{width:250px;padding:10px 12px;gap:10px}
 .jbn.l{transform:translate(-62%,-50%)}.jbn.r{transform:translate(-38%,-50%)}
 .jbo{width:48px;height:48px}.jbo img{width:34px;height:34px}
 .jbt b{font-size:14.5px}
}
/* footer */
@media (max-width:640px){
 .ft-in{flex-wrap:wrap;border-radius:18px;padding:6px}
 .ft-in input{flex:1 1 100%;height:42px}
 .ft-in button{flex:1 1 100%}
 .sps{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
 .sp{width:auto!important;height:64px}
 .final .sp img{max-height:46px;max-width:100%}
 .foot .cols{gap:28px 18px}
}

/* tablet pass */
@media (min-width:981px) and (max-width:1200px){.fb{grid-template-columns:230px minmax(0,1fr) 230px;padding:0 24px}.fb-flow{grid-template-columns:40px minmax(0,1fr) 40px}.fb-ph{height:330px}.fb-stage{min-width:0}.foot{margin-left:24px;margin-right:24px}}
@media (max-width:1200px){.proof2{padding-left:24px;padding-right:24px}}
@media (max-width:640px){.proof2{padding-left:16px;padding-right:16px}}
@media (min-width:761px) and (max-width:1100px){
 .heroStage .stageA{transform:scale(.86);transform-origin:center bottom;left:-20%;right:-20%}
 .heroStage .tile[data-n="ChatGPT"]{left:calc(50% - 345px)!important;bottom:330px!important}
 .heroStage .tile[data-n="Gemini"]{left:calc(50% - 345px)!important;bottom:195px!important}
 .heroStage .tile[data-n="Copilot"]{left:calc(50% - 345px)!important;bottom:60px!important}
 .heroStage .tile[data-n="Claude"]{left:calc(50% + 225px)!important;bottom:330px!important}
 .heroStage .tile[data-n="Mistral"]{left:calc(50% + 225px)!important;bottom:195px!important}
 .heroStage .tile[data-n="Omny"]{left:calc(50% + 225px)!important;bottom:60px!important}
 .heroStage{height:470px}
}
@media (min-width:761px) and (max-width:980px){
 .proof2{grid-template-columns:1fr 1fr;gap:26px;text-align:center;padding-left:0;padding-right:0}
 .p-stat{border-right:0;padding-right:0;align-items:center}.p-stat span{max-width:none}
 .p-logos{grid-column:1/-1}
}
@media (min-width:641px) and (max-width:980px){
 .ag-ph{aspect-ratio:4/3}.ag-ph img.p{object-position:50% 20%}
 .foot{margin:90px 16px 16px;padding:36px 34px 28px}
 .foot .cols{grid-template-columns:repeat(3,1fr)!important}
 .sps{display:grid!important;grid-template-columns:repeat(5,1fr);gap:10px}
 .sp{width:auto!important;height:64px}
 .final .sp img{max-height:46px}
}
.heroStage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(247,241,234,0),var(--beige) 85%);z-index:6;pointer-events:none}


/* ------------------------------------------------- fiche projet acheteur
   Le projet acheteur est le coeur de l'offre, et les cartes de demonstration
   le resumaient en trois lignes : budget, financement, delai. Lu ainsi, il
   passait pour une demande de contact enrichie. Les rubriques ci-dessous
   montrent la fiche telle que l'agence la recoit, et la superposition `.pj`
   la montre en entier. Les deux pages qui presentent la fonctionnalite
   (accueil, fonctionnalites) partagent donc ces regles, qui vivent dans la
   feuille commune et non dans une feuille de page. */
.kvs{display:grid;margin-top:9px;border-top:1px solid var(--line-2)}
.kvs > div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:5px 0;border-bottom:1px solid var(--line-2)}
.kvs > div:last-child{border-bottom:0}
.kvs .kk{font:500 11px/1.4 var(--b);letter-spacing:0;text-transform:none;color:var(--muted)}
.kvs .vv{font:500 12.5px/1.4 var(--b);letter-spacing:0;color:var(--ink)}
.kvs .vv em{font-style:normal;font-weight:600;color:var(--ok)}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.chips span{font:500 11px/1 var(--b);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:5px 9px}
.chips span.ok{background:var(--ok-soft);color:#237A53}
.chips span.no{background:#FCE9E4;color:#B8432F}

/* bouton « exemple » : meme grammaire que la demonstration d'Omny Infra */
.pj-open{border:0;cursor:pointer;font-family:var(--b)}
.pj-open .dpi{display:grid;place-items:center;width:24px;height:24px;margin-right:9px;border-radius:50%;background:var(--nuit);color:#fff;font-size:10px;padding-left:2px}
.pj-open.dark .dpi{background:#fff;color:var(--nuit)}
.fpb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:24px}
.fp .tx .fpb .go{margin-top:0}
.fp .tx .pj-open:hover{background:#EDF0FB}

/* superposition : le projet en entier */
.pj{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.pj.on{display:flex}
.pj-bg{position:absolute;inset:0;background:rgba(11,18,64,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pjf .3s}
@keyframes pjf{from{opacity:0}}
.pj-win{position:relative;width:min(1060px,100%);max-height:100%;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 60px 120px -40px rgba(0,0,0,.7);animation:pjw .4s cubic-bezier(.2,.8,.2,1)}
@keyframes pjw{from{opacity:0;transform:translateY(18px) scale(.985)}}
.pj-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#F1F2F5;border-bottom:1px solid #E3E5EA;flex:none}
.pj-bar i{width:10px;height:10px;border-radius:50%;background:#D5D9E2}
.pj-bar .url{margin-left:7px;font-size:12px;color:var(--muted)}
.pj-bar .hint{margin-left:auto;font-size:11.5px;color:var(--muted)}
.pj-x{width:30px;height:30px;flex:none;border:0;border-radius:50%;background:#E3E5EA;color:var(--ink);font:500 12px/1 var(--b);cursor:pointer}
.pj-x:hover{background:#D5D9E2}
.pj-scr{overflow:auto;-webkit-overflow-scrolling:touch;padding:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start;background:#F6F7FA}
.pj-sheet,.pj-talk{background:#fff;border:1px solid #ECEEF3;border-radius:16px;padding:20px}
.pj-sheet > .h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pj-sheet > .h .tagb{font:600 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;background:var(--blue);color:#fff;border-radius:999px;padding:6px 10px}
.pj-sheet > .h small{font-size:11.5px;color:var(--muted)}
.pj-nm{font:600 24px/1.1 var(--h);letter-spacing:-.03em;margin-top:12px}
.pj-ct{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:13px;color:var(--ink-2)}
.pj-bien{display:flex;align-items:center;gap:11px;margin-top:16px;padding:10px;border-radius:12px;background:var(--blue-soft)}
.pj-bien .im{width:58px;height:46px;flex:none;border-radius:8px;background-size:cover;background-position:center}
.pj-bien b{display:block;font:600 14.5px/1.25 var(--h);letter-spacing:-.02em}
.pj-bien span{display:block;font-size:12px;color:var(--ink-2)}
.pj-bien em{font-style:normal;font:600 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.pj-s{margin-top:18px}
.pj-s > b{display:block;font:600 10.5px/1 var(--b);letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.pj-res{margin-top:8px;padding:12px 14px;border-left:3px solid var(--blue);background:#FAFBFF;border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.pj-ok{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 14px;border-radius:12px;background:var(--nuit);color:#fff;font-size:13px}
.pj-ok i{width:18px;height:18px;flex:none;border-radius:50%;background:#5FCB97;display:grid;place-items:center;font-style:normal;font-size:10px}
.pj-ok b{display:block;font:600 13.5px/1.3 var(--b)}
.pj-ok span{display:block;font-size:11.5px;color:#B9C2E0}
.pj-talk > b{display:block;font:600 10.5px/1 var(--b);letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.pj-talk > small{display:block;margin-top:6px;font-size:11.5px;color:var(--muted)}
.pj-th{display:grid;gap:7px;margin-top:14px}
.pj-th .b{max-width:88%;padding:9px 12px;border-radius:13px;font-size:12.5px;line-height:1.45}
.pj-th .ai{background:#F1F3F9;color:var(--ink);border-bottom-left-radius:4px}
.pj-th .me{justify-self:end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.pj-th .cut{justify-self:center;max-width:none;background:none;color:var(--muted);font-size:11.5px}
.pj-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2);font-size:11.5px;line-height:1.5;color:var(--muted)}
@media (max-width:900px){
  .pj{padding:0}
  .pj-win{border-radius:0;height:100%}
  .pj-scr{grid-template-columns:1fr;padding:16px}
  .pj-bar .hint{display:none}
}
@media (prefers-reduced-motion:reduce){.pj-bg,.pj-win{animation:none}}