.home-page{background-image:url(/images/img-04784c9997e4.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@media (max-width:900px){.home-page{background-attachment:scroll}}.hero{color:#fff;padding:90px 0 0;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#072a47eb 0%,#145f92d1 40%,#298cbe9e 72%,#bfe6f259 100%);position:absolute;inset:0}.hero-inner{z-index:3;flex-direction:column;gap:22px;max-width:1180px;margin:0 auto;padding:0 24px 120px;display:flex;position:relative}.hero h1{text-shadow:0 3px 18px #00000059;max-width:680px;font-size:3rem;font-weight:800;line-height:1.15}.hero p.lead{color:#eaf6fc;max-width:560px;font-size:1.15rem;font-weight:400}.hero-ctas{align-items:center;gap:22px;margin-top:6px;display:flex}.hero-ctas .cta-btn{padding:13px 28px;font-size:1rem}.hero-ctas .link-more{color:#fff;align-items:center;gap:6px;font-weight:600;display:flex}.hero-droplets{z-index:2;opacity:.5;background-image:radial-gradient(circle at 15% 30%,#ffffff2e 0,#0000 60px),radial-gradient(circle at 80% 20%,#ffffff24 0,#0000 80px),radial-gradient(circle at 60% 60%,#ffffff1a 0,#0000 100px),radial-gradient(circle at 30% 75%,#ffffff1f 0,#0000 70px);position:absolute;inset:0}.wave-divider{z-index:4;line-height:0;position:absolute;bottom:-2px;left:0;right:0}.wave-divider svg{width:100%;height:auto;display:block}.features{background:#e6d9c2e6;padding:64px 0 70px}.feature-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.feature-grid>div{border-radius:14px;padding:14px;transition:transform .2s,box-shadow .2s}.feature-grid>div:hover{transform:translateY(-6px);box-shadow:0 14px 28px #0b3d651f}.feature-icon{justify-content:center;align-items:center;width:74px;height:auto;margin:0 auto 18px;display:flex}.feature-icon img{object-fit:contain;width:100%;height:auto}.feature-grid h3{color:var(--blue-deep);margin-bottom:8px;font-size:1.15rem}.feature-grid p{color:#4d5c63;font-size:.92rem}.feature-grid .underline{background:var(--sand-dark);border-radius:2px;width:46px;height:3px;margin:10px auto 0}.about{background:#f7f4eee6;padding:80px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about h4{color:var(--sand-dark);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-size:.8rem;font-weight:700}.about h2{color:var(--blue-deep);margin-bottom:14px;font-size:2.1rem}.about h2 span{color:var(--brown);font-weight:400}.about .tagline{color:var(--green-dark);margin-bottom:16px;font-size:1.05rem;font-weight:700}.about p.body{color:#4d5c63;margin-bottom:26px}.about-illustration{background:linear-gradient(160deg,#0b3d65 0%,#1e88c7 55%,#7fd0ea 100%);border-radius:14px;height:360px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0b3d6540}.about-illustration img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.references{text-align:center;background:#f7f4eee6;padding:80px 0}.references h2{color:var(--brown);align-items:center;gap:20px;margin-bottom:50px;font-size:1.9rem;display:inline-flex}.references h2:before,.references h2:after{content:"";background:var(--sand-dark);width:70px;height:2px;display:inline-block}.ref-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.ref-card{border-radius:12px;height:280px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0b3d652e}.ref-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0b3d6542}.ref-card .ref-bg{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.ref-card:hover .ref-bg{transform:scale(1.06)}.ref-card .ref-overlay{background:linear-gradient(#0b3d6500 35%,#061e32e0 100%);flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:absolute;inset:0}.ref-card h3{color:#fff;margin-bottom:14px;font-size:1.15rem}.ref-card .voir-plus{background:var(--blue-mid);color:#fff;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:9px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.icon-inline{flex:none;width:18px;height:18px}@media (max-width:900px){.hero h1{font-size:2.1rem}.feature-grid,.about-grid,.ref-grid{grid-template-columns:1fr}.about-grid{gap:36px}}