:root{--navy:#071a2b;--navy-2:#0b263b;--cyan:#22c7c9;--cyan-light:#bff6f1;--ink:#102538;--muted:#617180;--paper:#f5f7f7;--white:#fff;--line:#dce4e5;--max:1180px;--shadow:0 18px 50px rgba(3,24,40,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6;background:var(--white)}body.menu-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 16px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{width:31px;height:31px;display:grid;gap:2px;transform:skewY(-8deg)}.brand-mark i{display:block;height:8px;border:2px solid var(--cyan);border-radius:50%}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.main-nav>a:not(.nav-cta){opacity:.76;transition:.2s}.main-nav>a:hover{opacity:1}.nav-cta{padding:11px 18px;border:1px solid rgba(255,255,255,.4);border-radius:5px}.nav-cta span{color:var(--cyan);margin-left:7px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 35%,#123f5b 0,#071a2b 45%),var(--navy)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,black)}.hero-grid{position:relative;min-height:750px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:90px;padding-bottom:85px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:11px;color:#35717b;margin-bottom:25px}.eyebrow span{width:25px;height:2px;background:var(--cyan)}.hero .eyebrow,.eyebrow.light{color:var(--cyan-light)}h1{font-size:clamp(45px,5vw,70px);line-height:1.08;letter-spacing:-3px;margin-bottom:26px}h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:18px;line-height:1.75;color:#adc0cb;max-width:650px}.hero-actions{display:flex;align-items:center;gap:30px;margin:35px 0}.button{border:0;border-radius:4px;padding:15px 22px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font-weight:700;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(34,199,201,.2)}.button-primary{background:var(--cyan);color:var(--navy)}.text-link{font-weight:600;font-size:14px}.text-link span{color:var(--cyan);margin-left:9px}.trust-list{list-style:none;padding:0;display:flex;gap:22px;color:#9cb0bc;font-size:12px}.trust-list span{color:var(--cyan);margin-right:5px}.hero-visual{height:500px;position:relative}.orbit{position:absolute;border:1px solid rgba(61,210,210,.15);border-radius:50%;inset:40px}.orbit-two{inset:100px}.data-core{position:absolute;z-index:2;top:160px;left:50%;transform:translateX(-50%);width:225px;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(12,47,69,.8);border:1px solid rgba(70,219,219,.35);box-shadow:0 0 80px rgba(25,198,199,.15);backdrop-filter:blur(8px)}.data-core strong{font-size:13px}.data-core small{color:#82a0af}.core-icon{width:68px;margin-bottom:16px}.core-icon span{display:block;height:20px;border:2px solid var(--cyan);border-radius:50%;margin-top:-7px;background:#0c3047}.status-card{position:absolute;z-index:3;padding:13px 18px;display:flex;gap:12px;align-items:center;background:#10354d;border-left:2px solid var(--cyan);box-shadow:var(--shadow)}.status-card small,.status-card strong{display:block}.status-card small{font-size:10px;color:#87a6b5;text-transform:uppercase;letter-spacing:1px}.status-card strong{font-size:13px}.status-card i{width:9px;height:9px;background:#54e0b0;border-radius:50%;box-shadow:0 0 0 5px rgba(84,224,176,.12)}.status-top{right:0;top:75px}.status-bottom{left:15px;bottom:70px}.shield{display:grid;place-items:center;width:28px;height:32px;color:var(--cyan);border:1px solid var(--cyan);clip-path:polygon(50% 0,100% 18%,92% 75%,50% 100%,8% 75%,0 18%)}.metric{position:absolute;right:10px;bottom:75px;display:flex;align-items:center;gap:8px}.metric strong{font:800 34px Manrope;color:var(--cyan)}.metric span{font-size:10px;color:#9bb2be;text-transform:uppercase;line-height:1.3}.grid-plane{position:absolute;bottom:20px;left:0;width:100%;height:170px;background-image:linear-gradient(rgba(41,204,206,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(41,204,206,.13) 1px,transparent 1px);background-size:30px 30px;transform:perspective(250px) rotateX(60deg);mask-image:linear-gradient(to bottom,transparent,black)}.hero-strip{position:relative;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,18,30,.6)}.hero-strip .container{height:68px;display:flex;align-items:center;justify-content:space-around;color:#7f98a6;text-transform:uppercase;letter-spacing:2px;font-size:10px}.hero-strip i{width:4px;height:4px;border:1px solid var(--cyan);transform:rotate(45deg)}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:55px}.section-head>p{color:var(--muted);max-width:440px}.section h2{font-size:clamp(36px,4.4vw,55px);line-height:1.15;letter-spacing:-2.3px;margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:310px;padding:32px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s;background:#fff}.service-card:hover{z-index:1;transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.service-num{position:absolute;top:24px;right:24px;color:#aab5b8;font-size:10px}.icon-box{display:grid;place-items:center;width:48px;height:48px;background:#e8f8f7;color:#108a8d;font-size:24px;margin-bottom:50px}.service-card h3{font-size:17px;margin-bottom:12px}.service-card p{font-size:13px;color:var(--muted);line-height:1.7}.tech{position:relative;color:#fff;background:var(--navy);overflow:hidden}.tech:after{content:"";position:absolute;width:500px;height:500px;border:100px solid rgba(34,199,201,.025);border-radius:50%;left:-250px;bottom:-300px}.tech-layout{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.tech-copy>p:not(.eyebrow){color:#91a9b6;margin:25px 0 35px;max-width:430px}.button-light{border:1px solid rgba(255,255,255,.28);color:#fff}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.tech-grid article{min-height:145px;padding:28px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;transition:.2s}.tech-grid article:hover{background:rgba(34,199,201,.07)}.tech-grid article>span{font-size:11px;color:#718b9a;margin-top:12px}.tech-logo{font:700 18px Manrope}.tech-logo b{color:var(--cyan);font-size:24px;margin-right:7px}.oracle{color:#ff4b4b;letter-spacing:2px}.why{background:var(--paper)}.why-intro{display:grid;grid-template-columns:.42fr 1fr;gap:50px;align-items:start;margin-bottom:75px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why-feature{border-top:2px solid var(--ink);padding-top:25px}.why-feature>span{font-size:11px;color:#96a3a7}.why-feature h3{font-size:18px;margin:35px 0 12px}.why-feature p{color:var(--muted);font-size:13px}.promise{margin-top:85px;padding:45px 55px;background:#fff;border-left:4px solid var(--cyan);display:grid;grid-template-columns:.25fr 1fr;gap:30px}.promise>span{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#77868d}.promise blockquote{font:600 clamp(20px,2.4vw,29px)/1.5 Manrope;margin:0}.promise em{font-style:normal;color:#0a9b9e}.contact{color:#fff;background:linear-gradient(115deg,#092033,#071a2b)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.contact-copy>p:not(.eyebrow){color:#94abb8;max-width:420px;margin:25px 0 45px}.contact-note{display:flex;gap:15px}.contact-note>span{display:grid;place-items:center;width:40px;height:40px;color:var(--cyan);border:1px solid rgba(34,199,201,.3)}.contact-note p{font-size:12px;color:#7893a2}.contact-note strong{color:#fff}.contact-form{padding:42px;background:#fff;color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.25)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:20px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #d7e0e2;margin-top:8px;padding:13px 14px;outline:none;resize:vertical;background:#fafbfb;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,199,201,.1)}.contact-form .invalid{border-color:#d65353}.form-submit{width:100%;margin-top:4px}.contact-form>small{display:block;text-align:center;color:#8c989e;font-size:9px;margin-top:14px}.form-status{font-size:12px;min-height:20px;margin:-6px 0 8px;color:#c43d3d}.form-status.success{padding:10px;background:#e7faf2;color:#147b57}.site-footer{padding-top:55px;color:#9eb0ba;background:#04131f}.footer-main,.footer-bottom{display:flex;justify-content:space-between}.footer-main{padding-bottom:45px}.footer-main p{font-size:12px;margin:12px 0}.footer-main nav{display:flex;gap:28px;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:22px 0;font-size:10px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:950px){.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:155px}.hero-copy{max-width:720px}.hero-visual{height:430px}.service-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.tech-layout,.contact-grid{grid-template-columns:1fr;gap:60px}.tech-copy{max-width:700px}.contact-copy{max-width:700px}.why-intro{grid-template-columns:1fr;gap:20px}.why-intro .eyebrow{margin-bottom:0}}
@media (max-width:720px){.container{width:min(calc(100% - 30px),var(--max))}.section{padding:78px 0}.menu-toggle{display:block;z-index:2}.main-nav{position:fixed;inset:0;background:var(--navy);flex-direction:column;justify-content:center;font-size:20px;transform:translateX(100%);transition:.3s}.main-nav.open{transform:none}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-grid{padding-top:135px;padding-bottom:45px}.hero-visual{height:350px}.orbit{inset:20px}.orbit-two{inset:65px}.data-core{top:95px;width:190px;height:160px}.status-top{top:20px}.status-bottom{left:0;bottom:38px}.metric{right:0;bottom:18px}.hero-strip .container{justify-content:space-between}.hero-strip span:nth-of-type(2),.hero-strip span:nth-of-type(3),.hero-strip i:nth-of-type(2),.hero-strip i:nth-of-type(3){display:none}.section-head{grid-template-columns:1fr;gap:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.tech-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr;gap:38px}.promise{padding:30px;grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:0}.contact-form{padding:27px 20px}.footer-main{flex-direction:column;gap:25px}.footer-main nav{flex-wrap:wrap}.footer-bottom{gap:20px}.trust-list{flex-wrap:wrap}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}h1{letter-spacing:-2px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Catalogue de services */
.services{background:linear-gradient(180deg,#fff 0,#f7fafa 100%)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border:0}
.service-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid #dbe5e6;border-radius:10px;background:#fff;box-shadow:0 7px 25px rgba(7,26,43,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card:hover{z-index:1;transform:translateY(-6px);box-shadow:0 20px 45px rgba(7,26,43,.12);border-color:#b8dddd}
.service-visual{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#09243a}
.service-visual:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(5,22,35,.25))}
.service-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.service-card:hover .service-visual img{transform:scale(1.035)}
.service-num{position:absolute;z-index:1;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:rgba(5,26,42,.55);backdrop-filter:blur(6px);font:700 10px Manrope}
.service-body{display:flex;flex:1;flex-direction:column;padding:25px 24px 23px}
.service-card h3{font-size:17px;line-height:1.35;margin-bottom:11px;color:#0b2336}
.service-card p{font-size:13px;color:#536876;line-height:1.75;margin-bottom:22px}
.service-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #e5ebec;color:#087f82;font-size:12px;font-weight:700;letter-spacing:.15px}
.service-link span{font-size:17px;transition:transform .2s}
.service-link:hover span{transform:translateX(4px)}
.service-link:focus-visible{outline:3px solid rgba(34,199,201,.35);outline-offset:4px}
@media (max-width:950px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.service-grid{grid-template-columns:1fr}.service-body{padding:23px 21px 21px}}

/* Illustrations de la section Pourquoi easyDBA */
.why-grid{gap:22px}
.why-feature{overflow:hidden;padding:0;border:1px solid #dce5e6;border-top:0;border-radius:9px;background:#fff;box-shadow:0 8px 25px rgba(7,26,43,.05);transition:transform .25s ease,box-shadow .25s ease}
.why-feature:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(7,26,43,.1)}
.why-visual{position:relative;overflow:hidden;aspect-ratio:16/9;background:#09243a}
.why-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.why-feature:hover .why-visual img{transform:scale(1.035)}
.why-visual>span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;background:rgba(5,26,42,.58);backdrop-filter:blur(5px);font:700 10px Manrope}
.why-body{padding:24px 22px 25px}
.why-feature h3{margin:0 0 12px;font-size:17px}
.why-feature p{margin:0;color:#536876;font-size:13px;line-height:1.75}

/* Collectif DBA */
.collective{background:#fff}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.team-card{overflow:hidden;border:1px solid #dbe5e6;border-radius:10px;background:#fff;box-shadow:0 8px 28px rgba(7,26,43,.06);transition:transform .25s,box-shadow .25s}.team-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(7,26,43,.12)}.team-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#09243a}.team-photo img{display:block;width:100%;height:100%;object-fit:cover}.team-photo>span{position:absolute;right:14px;bottom:14px;padding:5px 9px;color:#071a2b;background:var(--cyan);border-radius:3px;font-size:9px;font-weight:800;letter-spacing:1.5px}.team-body{display:flex;min-height:330px;flex-direction:column;padding:24px 22px}.team-role{margin:0 0 7px!important;color:#09898c!important;text-transform:uppercase;letter-spacing:1px;font-size:9px!important;font-weight:800}.team-card h3{margin-bottom:12px;font-size:20px}.team-body>p{color:#596e7b;font-size:13px;line-height:1.7}.team-techs{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 22px}.team-techs span{padding:5px 8px;color:#365665;background:#eef4f5;border-radius:3px;font-size:9px;font-weight:700}.team-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #e5ebec;color:#087f82;font-size:12px;font-weight:700}.team-link span{font-size:17px}.collective-all{text-align:center;margin-top:42px}.button-outline{border:1px solid #b9cbce;color:#17384a}.setup-notice{padding:30px;border-left:4px solid var(--cyan);background:#f1f7f7}.setup-notice p{margin:4px 0 0;color:#637783}.profile-shell{background:#f5f8f8}.profile-hero{padding:150px 0 85px;color:#fff;background:radial-gradient(circle at 75% 35%,#123f5b,#071a2b 50%)}.profile-hero-grid{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center}.profile-portrait{overflow:hidden;aspect-ratio:4/4.4;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#0c3047}.profile-portrait img{width:100%;height:100%;object-fit:cover}.profile-hero h1{font-size:clamp(40px,5vw,64px);margin-bottom:12px}.profile-title{color:var(--cyan);font-size:15px;font-weight:700}.profile-specialty{max-width:720px;color:#b1c4ce;font-size:17px}.profile-main{padding:90px 0}.profile-layout{display:grid;grid-template-columns:1fr 330px;gap:70px}.profile-content h2{font-size:33px;margin:0 0 20px}.profile-content>p{color:#536876;line-height:1.85}.profile-block{margin-top:50px}.profile-block h3{font-size:21px}.profile-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none}.profile-list li{padding:16px 18px;border:1px solid #dce5e6;background:#fff;color:#455e6d;font-size:13px}.profile-list li:before{content:"✓";color:#09898c;font-weight:800;margin-right:9px}.profile-aside{height:max-content;padding:28px;background:#fff;border-top:4px solid var(--cyan);box-shadow:0 15px 40px rgba(7,26,43,.09)}.profile-aside h3{font-size:17px}.profile-download{display:flex;justify-content:space-between;margin-top:10px;padding:13px;border:1px solid #dbe4e5;color:#087f82;font-size:12px;font-weight:700}.profile-download.disabled{color:#99a7ad;pointer-events:none}.profile-back{display:inline-block;margin-top:35px;color:#087f82;font-size:13px;font-weight:700}
@media(max-width:950px){.team-grid{grid-template-columns:repeat(2,1fr)}.profile-hero-grid{grid-template-columns:240px 1fr}.profile-layout{grid-template-columns:1fr}}
@media(max-width:620px){.team-grid{grid-template-columns:1fr}.team-body{min-height:0}.profile-hero-grid{grid-template-columns:1fr}.profile-portrait{width:220px}.profile-list{grid-template-columns:1fr}}
