:root{--ink:#082957;--blue:#087bd5;--green:#28a65a;--soft:#f4f9fd;--line:#d9e7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}header{height:76px;display:flex;align-items:center;gap:34px;padding:0 5vw;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(14px);z-index:10;border-bottom:1px solid #edf2f6}.brand{font-weight:900;font-size:29px;letter-spacing:1px;color:var(--ink);text-decoration:none}.brand span{color:var(--green)}nav{display:flex;gap:26px;margin-left:auto}nav a,.ghost,.contact a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.btn{display:inline-block;background:var(--ink);color:#fff!important;text-decoration:none;padding:15px 22px;border-radius:9px;font-weight:750}.btn.small{padding:11px 17px;font-size:13px}#menu{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 7vw 80px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#e9f8ff 0,transparent 35%)}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:850;color:#1680c8}.hero h1,.intro h2,.sectionHead h2,.ai h2,.trust h2,.cta h2{font-size:clamp(38px,5vw,70px);line-height:1.02;letter-spacing:-2.5px;margin:13px 0 24px}.hero h1 em,h2 em{font-style:normal;color:#1590d0}.lead{font-size:20px;line-height:1.6;max-width:700px;color:#405774}.actions{display:flex;gap:22px;align-items:center;margin:34px 0}.proof{display:flex;gap:12px;flex-wrap:wrap}.proof span,.chips span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700;background:#fff}.heroVisual{display:grid;place-items:center;min-height:500px}.orb{width:min(37vw,470px);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 20%,#bceeff 21%,#2aa7df 39%,#0874bd 40%,#fff0 63%);box-shadow:0 40px 90px #1176a92c}.brain{position:relative;z-index:3;padding:33px 38px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#31baff,#063f9a);box-shadow:0 0 40px #0daeff;color:#fff;font-weight:900;text-align:center;font-size:28px}.brain small{display:block;font-size:13px;margin-top:5px}.ring{position:absolute;border:1px solid #51bde5;border-radius:50%}.r1{inset:11%}.r2{inset:2%;border-style:dashed}.intro{text-align:center;padding:100px 7vw;background:var(--soft)}.intro h2{max-width:1000px;margin:15px auto 20px;font-size:50px}.intro>p:not(.eyebrow){font-size:18px;max-width:760px;margin:auto;line-height:1.6;color:#53687f}.intro img{width:min(100%,1100px);margin-top:55px;border-radius:20px;box-shadow:0 25px 80px #163d5b1c}.solutions{padding:110px 6vw}.sectionHead{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:45px}.sectionHead h2{font-size:52px;margin-bottom:0}.sectionHead>p{color:#5b6d80;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:18px;padding:28px;min-height:350px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #123d5c14}.card b{font-size:12px}.card h3{font-size:25px;margin:16px 0 10px}.card p{color:#5a6c7e;line-height:1.5;min-height:68px}.card ul{padding-left:18px;line-height:1.8;font-size:14px}.purple{border-top:4px solid #6733bd}.blue,.navy{border-top:4px solid #168ddd}.orange{border-top:4px solid #f58a00}.cyan{border-top:4px solid #13a6dd}.teal{border-top:4px solid #008d91}.green{border-top:4px solid #2fa544}.red{border-top:4px solid #e6293f}.ai{margin:0 6vw 110px;padding:75px;min-height:520px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#062a59,#074b89);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;overflow:hidden}.ai .eyebrow{color:#6fd7ff}.ai h2{font-size:54px}.ai p:not(.eyebrow){font-size:18px;line-height:1.7;color:#d9e9f7}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.chips span{background:#ffffff10;border-color:#ffffff30}.aiCore{display:grid;place-items:center}.brain.big{font-size:35px;padding:65px 45px}.trust{padding:100px 7vw;background:#f5f9fc}.trust h2{font-size:50px;max-width:850px}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.trustgrid strong{color:#0b91d4}.trustgrid h3{font-size:21px}.trustgrid p{color:#607386;line-height:1.6}.cta{margin:90px 6vw;padding:65px;background:linear-gradient(120deg,#eaf8ff,#eefcf3);border-radius:25px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.cta h2{font-size:42px;margin-bottom:0}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:16px}footer{background:#062a55;color:#fff;display:flex;align-items:center;gap:40px;padding:32px 6vw}footer .brand{color:#fff}footer p:nth-of-type(1){margin-left:auto}footer p{font-size:13px;color:#c9d9e8}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.heroVisual{min-height:400px}.orb{width:420px}.trustgrid{grid-template-columns:repeat(2,1fr)}nav{display:none}.btn.small{margin-left:auto}#menu{display:block;border:0;background:none;font-size:22px}.sectionHead,.ai,.cta{grid-template-columns:1fr}}@media(max-width:650px){header{padding:0 20px}.btn.small{display:none}.hero{padding:60px 24px}.hero h1{font-size:44px}.orb{width:310px}.brain{font-size:20px;padding:27px}.intro,.solutions,.trust{padding:70px 22px}.intro h2,.sectionHead h2,.trust h2{font-size:38px}.grid,.trustgrid{grid-template-columns:1fr}.ai{margin:0 20px 70px;padding:38px 25px}.ai h2{font-size:38px}.cta{margin:60px 20px;padding:35px 25px}.cta h2{font-size:34px}footer{align-items:flex-start;flex-direction:column;gap:8px}footer p:nth-of-type(1){margin-left:0}.actions{align-items:flex-start;flex-direction:column}}

/* Functional showcase */
.showcase,.usecases{padding:90px max(5vw,24px);background:#f6faff}.showgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.feature{background:#fff;border:1px solid #dbe8f4;border-radius:24px;padding:18px;box-shadow:0 18px 50px #052a5210}.feature h3{font-size:1.35rem;margin:20px 0 8px}.feature p{color:#53677c;line-height:1.65}.mock{min-height:255px;border-radius:17px;background:linear-gradient(145deg,#061d3b,#0b3d69);padding:16px;color:white;overflow:hidden}.mocktop{display:flex;justify-content:space-between;font-weight:700;border-bottom:1px solid #ffffff24;padding-bottom:12px}.mocktop span{font-size:.75rem;color:#7dd3fc}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.kpis b{background:#ffffff12;border-radius:10px;padding:12px;font-size:1.35rem}.kpis small{display:block;font-size:.62rem;font-weight:400;margin-top:4px}.chartbars{height:95px;display:flex;gap:6px;align-items:end}.chartbars i{flex:1;background:linear-gradient(#42d7ff,#1677ff);border-radius:4px 4px 0 0}.ticket{background:#fff;color:#15304f;border-radius:10px;padding:12px;margin:10px 0}.ticket span{float:right;font-size:.68rem;background:#dff5ff;padding:4px 7px;border-radius:10px}.ticket .critical{background:#ffe0e0;color:#b01818}.ticket p{margin:7px 0 0;color:#5c7085;font-size:.8rem}.finance{position:relative}.donut{width:118px;height:118px;border-radius:50%;border:17px solid #1d8fff;border-right-color:#43d2a0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.4rem;margin:24px 0}.donut small{font-size:.55rem}.finrows{position:absolute;left:160px;right:16px;top:75px}.finrows span{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff25;font-size:.78rem}.usecases{background:white}.casegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.casegrid>div{padding:25px;border-radius:20px;background:#f6faff;border:1px solid #dbe8f4}.casegrid span{font-weight:800;color:#1786e8}.casegrid h3{margin:12px 0}.casegrid p{color:#53677c;line-height:1.6}@media(max-width:900px){.showgrid,.casegrid{grid-template-columns:1fr}.finrows{position:static}.mock{min-height:auto}}

/* Identité KOEKOA 2027 */
.brand-logo{display:flex;align-items:center;text-decoration:none}.brand-logo img{display:block;width:150px;height:auto;object-fit:contain}.footer-logo img{width:125px;filter:brightness(0) invert(1)}
.intro img{width:min(100%,1200px);height:auto;display:block;margin:36px auto 0;border-radius:22px;box-shadow:0 24px 70px rgba(5,38,76,.12)}
@media(max-width:760px){.brand-logo img{width:118px}.intro img{border-radius:12px}}