:root{--navy:#07132e;--blue:#2563eb;--violet:#7c3aed;--cyan:#06b6d4;--ink:#16233c;--muted:#68758c;--bg:#f7f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.top{background:var(--navy);color:white;position:relative;overflow:hidden}.top:before{content:"";position:absolute;width:750px;height:750px;right:-260px;top:-500px;background:radial-gradient(circle,#6333d3aa,transparent 65%);pointer-events:none}nav{height:83px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-size:26px;font-weight:850;letter-spacing:3px}.brand span{color:#46c7ff}.navlinks{display:flex;align-items:center;gap:32px;font-size:14px;color:#d5dff5}.navlinks a:hover{color:white}.navcta,.button{border:0;border-radius:11px;padding:14px 22px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.navcta{background:#ffffff17;border:1px solid #ffffff38;color:white}.button:hover,.navcta:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(110deg,#2573fa,#7047e9);color:white;box-shadow:0 10px 28px #2465e34a}.button.outline{border:1px solid #ffffff52;color:white;background:#ffffff0b}.hero{padding:68px 0 100px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:50px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #6d8cdd66;background:#ffffff0b;border-radius:50px;padding:9px 14px;color:#b5d5ff;font-size:12px;font-weight:700;letter-spacing:.6px}.dot{width:7px;height:7px;background:#4de4d5;border-radius:50%;box-shadow:0 0 13px #4de4d5}.hero h1{font-size:clamp(39px,4.3vw,62px);line-height:1.09;letter-spacing:-2.6px;margin:24px 0}.grad{background:linear-gradient(95deg,#5bd9ff,#a586ff);background-clip:text;color:transparent}.hero p{color:#bcc8e3;font-size:17px;line-height:1.75;max-width:540px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{border-radius:22px;overflow:hidden;box-shadow:0 35px 90px #0007;border:1px solid #7388db45;transform:perspective(1000px) rotateY(-4deg);background:#07132e}.hero-art img{display:block;width:100%;height:auto}.mini-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:32px;color:#9aadd1;font-size:12px}.mini-points span:before{content:"✓";color:#69e0d6;margin-right:7px}.section{padding:95px 0}.section.alt{background:var(--bg)}.kicker{color:#4e55d8;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.section h2{font-size:clamp(30px,3.2vw,43px);line-height:1.16;letter-spacing:-1.4px;margin:14px 0}.intro{max-width:660px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #e6eaf3;border-radius:18px;padding:28px;background:white;box-shadow:0 10px 34px #12204a07}.card .symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:24px;background:#edf2ff;margin-bottom:20px}.card h3{font-size:17px;margin:0 0 10px}.card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.panel{border-radius:22px;padding:27px;background:linear-gradient(145deg,#0a1a3d,#1a1558);color:white;box-shadow:0 28px 60px #0b1e5d24}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pill{border-radius:40px;background:#ffffff19;padding:8px 12px;color:#c7d5ff;font-size:11px}.mock{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:17px}.day{text-align:center;font-size:11px;color:#aabce1}.slot{height:78px;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:8px;padding:5px}.slot i{display:block;height:33px;border-radius:5px;background:linear-gradient(160deg,#39c9f7,#5367ed);margin-top:9px}.slot:nth-child(3) i{background:linear-gradient(160deg,#a68afa,#7546dc)}.slot:nth-child(6) i,.slot:nth-child(7) i{background:#ffffff0a}.rule{margin-top:19px;background:#ffffff0d;border-radius:10px;padding:13px;color:#dce5ff;font-size:12px}.rule b{color:#62e1c3}.ticks{display:grid;gap:15px;margin-top:24px}.ticks div{display:flex;gap:13px;align-items:flex-start;color:#4b5972;line-height:1.6;font-size:15px}.ticks strong{color:#286bea}.download{background:#08142f;color:white;position:relative;overflow:hidden}.download:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 95% 0%,#532cb744,transparent 50%),radial-gradient(ellipse at 0% 100%,#166ae744,transparent 45%);pointer-events:none}.download .wrap{position:relative}.download .kicker{color:#7ecfff}.download h2{color:white}.download .intro{color:#b9c7e2}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.platform{display:flex;align-items:center;gap:16px;border:1px solid #8ba4ee35;background:#ffffff0c;border-radius:15px;padding:22px;transition:background .2s,transform .2s;cursor:pointer}.platform:hover{background:#ffffff1b;transform:translateY(-3px)}.platform .ico{width:44px;height:44px;border-radius:12px;background:#ffffff13;display:grid;place-items:center;font-size:24px;flex-shrink:0}.platform strong{display:block;font-size:16px}.platform small{display:block;margin-top:5px;color:#b4c3e3;font-size:12px}.platform .arr{margin-left:auto;color:#94b8ff;font-size:21px}.note{margin-top:25px;color:#9dafd1;font-size:12px;line-height:1.6}footer{background:#061027;color:#98a7c4;padding:29px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer strong{color:white;letter-spacing:2px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:white;color:#132044;box-shadow:0 15px 50px #0004;border-radius:12px;padding:14px 22px;z-index:20;opacity:0;pointer-events:none;transition:.25s;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.hero,.split{grid-template-columns:1fr}.hero{padding:45px 0 75px}.hero-art{max-width:650px;transform:none}.cards,.platforms{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.navlinks{gap:14px}}@media(max-width:560px){.wrap{width:min(100% - 30px,1160px)}.navlinks a:not(.navcta){display:none}.navcta{padding:11px 13px}.hero h1{letter-spacing:-1.4px}.section{padding:65px 0}.cards,.platforms{grid-template-columns:1fr}.platform{padding:18px}.mini-points{gap:11px}}
.demo-access{background:#f3f6ff;border:1px solid #dce5ff;border-radius:18px;padding:24px;box-shadow:0 12px 32px #1e40af0b}.demo-access-head{display:flex;align-items:center;gap:10px;color:#162b58;font-size:15px}.demo-live-dot{height:10px;width:10px;border-radius:50%;background:#06b6d4;box-shadow:0 0 0 5px #06b6d41c}.demo-access p{font-size:14px;line-height:1.7;color:#5d6b84;margin:14px 0 20px}.demo-access .button{width:100%}.demo-access small{display:block;color:#71809a;font-size:11px;margin-top:13px;text-align:center;line-height:1.5}
/* Capture du planning CELYPS */
.planning-panel{padding:16px;background:linear-gradient(145deg,#0a1a3d,#1a1558);overflow:hidden}
.planning-panel .panelhead{padding:0 6px;margin-bottom:14px}
.planning-screenshot{display:block;width:100%;height:auto;border-radius:10px;object-fit:contain;background:#f8fafc}

.platform .ico img{display:block;width:27px;height:27px;object-fit:contain}

/* Icônes de plateformes en couleur */
.platform .ico{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#ffffff18,#ffffff08);border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff19,0 6px 20px #0002}
.platform .ico img{width:39px;height:39px;filter:drop-shadow(0 3px 3px #0003)}
.platform:hover .ico{background:#ffffff24}