@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07101c;--bg2:#0d1a2a;--panel:#101f30;--text:#f0f6fc;--muted:#9badc1;--line:#25374a;--cyan:#42c5ff;--accent:#65d7ff;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}body:before{content:'';position:fixed;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 75% 3%,#12375672,transparent 38%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 44px));margin:auto}.topbar{height:4px;background:linear-gradient(90deg,#1c5a8e,#45c5ff,#a2edff)}.site-head{position:sticky;top:0;z-index:50;background:#081421ed;backdrop-filter:blur(18px);border-bottom:1px solid #203347}.navrow{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.8px}.brand em{font-style:normal;color:var(--cyan)}.mark{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#35bfff,#12659a);color:#061323;font-weight:900;border-radius:12px;box-shadow:0 0 35px #30b3fb33}.brand small{display:block;letter-spacing:2.6px;font-family:DM Sans,sans-serif;color:#a6bdcf;font-size:9px;font-weight:700}.links{display:flex;gap:24px;align-items:center}.links a{font-size:13px;color:#c8d7e6}.links a:hover,.links a[aria-current=page]{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;padding:14px 21px;cursor:pointer;background:linear-gradient(135deg,#65d7ff,#2caff1);color:#041323;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #29b9ff3d}.button.secondary{color:#f3f8fc;background:#132a40;border-color:#35516c}.button.small{padding:11px 15px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #29435c;border-radius:9px;font-size:24px;padding:4px 12px}.hero{padding:112px 0 92px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#78d8ff;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2.6px}.eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:#61d9ff;box-shadow:0 0 16px #61d9ff}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.2}h1{font-size:clamp(42px,5.4vw,76px);letter-spacing:-3.4px;margin:23px 0}h1 span,h2 span{color:#62cdf9}.lead{font-size:18px;color:#b4c7d9;max-width:640px}.hero .actions{margin-top:31px;display:flex;gap:12px;flex-wrap:wrap}.trustline{display:flex;gap:24px;flex-wrap:wrap;margin-top:42px;font-size:12px;color:#b3c6d6}.trustline b{color:#fff;font-size:15px}.hero-visual{border:1px solid #2d506e;min-height:410px;border-radius:25px;background:radial-gradient(ellipse at 50% 45%,#18446899,transparent 70%),linear-gradient(135deg,#112a41,#081522 75%);box-shadow:0 30px 85px #02070f99;position:relative;overflow:hidden;padding:24px}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 96%,#3b99cb17 97%),linear-gradient(90deg,transparent 96%,#3b99cb17 97%);background-size:33px 33px;mask-image:linear-gradient(to top,black,transparent)}.console{position:relative;border:1px solid #3b5a74;background:#081522e8;border-radius:14px;box-shadow:0 15px 65px #0008;overflow:hidden;transform:translateY(28px)}.console-top{padding:13px 17px;border-bottom:1px solid #263c51;display:flex;gap:7px;align-items:center}.dot{height:8px;width:8px;background:#4a6074;border-radius:50%}.dot:nth-child(1){background:#e87878}.dot:nth-child(2){background:#e4c16e}.dot:nth-child(3){background:#68d6b0}.console-body{padding:25px 22px 34px;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#94c3d7;line-height:2.4}.console-body .ok{color:#7ee7c6}.console-body .highlight{color:#5ecaff}.status{position:absolute;bottom:22px;right:22px;background:#102b3c;border:1px solid #3b5b6f;padding:12px 16px;border-radius:12px;font-size:12px;color:#dbf7ff;box-shadow:0 15px 40px #0008}.status:before{content:'●';color:#52dfb3;margin-right:8px}.section{padding:90px 0}.section.alt{background:#0b1726;border-top:1px solid #1e2e40;border-bottom:1px solid #1e2e40}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section-head p{max-width:490px;color:var(--muted);margin:0}.section h2,.page-hero h1{font-size:clamp(32px,4vw,51px);letter-spacing:-1.8px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{display:flex;flex-direction:column;min-height:250px;background:linear-gradient(155deg,#12263a,#0b1828);border:1px solid #294059;padding:29px;border-radius:17px;transition:border-color .2s,transform .2s}.card:hover{border-color:#56bceb;transform:translateY(-4px)}.card .glyph{font-size:26px;width:54px;height:54px;display:grid;place-items:center;border:1px solid #315775;background:#143650;border-radius:13px;margin-bottom:20px}.card h3{font-size:19px;margin:0 0 9px}.card p{margin:0 0 21px;color:#a6b9cc;font-size:14px}.card .more{margin-top:auto;color:#67d5ff;font-weight:700;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-panel{padding:35px;background:#101e30;border:1px solid #294158;border-radius:22px}.checklist{list-style:none;padding:0;margin:25px 0}.checklist li{padding:13px 0;border-bottom:1px solid #20364b;color:#c6d5e2}.checklist li:before{content:'✓';color:#7bdcba;margin-right:12px;font-weight:bold}.muted{color:var(--muted)}.kicker{color:#66d4ff;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.metricbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:37px}.metric{padding:22px 17px;border:1px solid #284459;background:#0c1b2b;border-radius:13px}.metric strong{display:block;font-size:29px;font-family:Manrope;color:#eafbff}.metric small{color:#9cb3c7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-top:2px solid #3f97c8;padding-top:20px}.step strong{color:#5fccff;font-size:14px}.step h3{margin:12px 0}.step p{color:var(--muted)}.cta{padding:52px;border:1px solid #35739a;border-radius:23px;background:radial-gradient(circle at 90% 20%,#18517d,transparent 50%),linear-gradient(145deg,#10283f,#0d1b2d);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0 0 10px;font-size:33px}.cta p{margin:0;color:#aec5d9}.page-hero{padding:75px 0 60px;border-bottom:1px solid #1d354b}.page-hero p{max-width:760px;font-size:18px;color:#b5c8d9}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.detail{padding:30px;background:#101f30;border:1px solid #284055;border-radius:17px}.detail h3{margin-top:0}.detail p{color:#adc1d1}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:40px}.contact-form{padding:30px;border:1px solid #30506a;background:#102033;border-radius:18px}.field{margin-bottom:15px}label{display:block;font-size:13px;color:#d4e5f0;margin-bottom:7px}input,textarea,select{width:100%;background:#091828;color:#fff;border:1px solid #35516b;border-radius:9px;padding:12px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:#65d7ff}textarea{min-height:145px;resize:vertical}.notice{font-size:12px;color:#a9bdce}.footer{padding:60px 0 25px;background:#060d16;border-top:1px solid #283849}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer h4{margin-top:0}.footer a{display:block;color:#a3b7c9;font-size:13px;margin:9px 0}.footer a:hover{color:#73d7ff}.foot-bottom{border-top:1px solid #26394b;padding-top:20px;margin-top:35px;color:#8097aa;font-size:12px}.tag{display:inline-block;padding:7px 12px;background:#112d41;border:1px solid #265679;color:#75d5ff;border-radius:30px;font-size:12px;margin:4px}.privacy{max-width:880px}.privacy h2{margin-top:34px}.privacy p{color:#afc2d2}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:999;background:white;color:black;padding:10px}@media(max-width:960px){.menu-toggle{display:block}.links{display:none;position:absolute;top:80px;left:0;right:0;background:#091727;padding:20px 6%;flex-direction:column;align-items:stretch;border-bottom:1px solid #29475c}.links.open{display:flex}.desktop-cta{display:none}.hero-grid,.split,.contact-layout{grid-template-columns:1fr}.hero-visual{max-width:600px}.grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}}@media(max-width:600px){.container{width:calc(100% - 34px)}.hero{padding:65px 0}.hero-visual{min-height:340px}h1{letter-spacing:-2px}.grid,.details,.steps,.metricbar,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-head{margin-bottom:23px}.cta{display:block;padding:30px}.cta .button{margin-top:25px}.card{min-height:220px}.hero .actions .button{width:100%}.console-body{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Sector expertise */
.sectors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sector-card{background:linear-gradient(145deg,#11273c,#0b1929);border:1px solid #29455c;border-radius:18px;padding:28px;display:flex;flex-direction:column;min-height:260px}.sector-card.featured{grid-column:span 3;min-height:230px;background:radial-gradient(circle at 95% 0%,#164467 0%,#11273c 48%,#0b1929 100%);border-color:#367197}.sector-icon{font-size:30px;color:#74d6ff}.sector-kicker{color:#77d4ff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.07em;margin-top:12px}.sector-card h3{font-size:23px;margin:12px 0}.sector-card p{color:#afc4d6;line-height:1.7}.sector-card .more{margin-top:auto;padding-top:12px}@media(max-width:800px){.sectors-grid{grid-template-columns:1fr}.sector-card.featured{grid-column:span 1}}

/* Version premium — preuves chiffrées et expertise sectorielle */
.proof-section{background:#07121e;border-top:1px solid #1d354b;border-bottom:1px solid #1d354b;padding:24px 0}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof-item{padding:16px 22px;border-right:1px solid #2a4356;display:flex;flex-direction:column;gap:4px}.proof-item:last-child{border:0}.proof-item strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,40px);line-height:1.1;color:#ecf9ff;letter-spacing:-1.5px}.proof-item strong span{color:#68d1ff}.proof-item>span{color:#a5bccd;font-size:13px}.sector-card{position:relative;overflow:hidden}.sector-card:has(.sector-art){padding-top:195px}.sector-card.featured:has(.sector-art){padding-top:225px}.sector-art{display:block;position:absolute;top:0;left:0;width:100%;height:175px;object-fit:cover;object-position:center;opacity:.87;border-radius:18px 18px 0 0;border-bottom:1px solid #31516b}.sector-card.featured .sector-art{height:207px;object-position:center 38%}.sector-card .sector-icon{position:relative}.industry-hero{padding:85px 0 105px;background:radial-gradient(circle at 75% 40%,#123954,transparent 40%);border-bottom:1px solid #29465c}.industry-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.industry-hero h1{font-size:clamp(38px,4.8vw,65px);letter-spacing:-2.5px;margin:20px 0}.industry-illustration{position:relative}.industry-illustration img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #315771;box-shadow:0 35px 85px #0008}.industry-metric{position:absolute;right:15px;bottom:16px;padding:13px 19px;border-radius:10px;background:#071525e8;border:1px solid #3879a0;color:#d8f4ff;font-weight:700;font-size:14px}.breadcrumb{display:inline-block;color:#a7cee6;font-size:13px;margin-bottom:20px}.service-icon{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;background:#133650;border:1px solid #2f678e;color:#7ad7ff;font-size:25px;margin-bottom:15px}.sector-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sector-links a{border:1px solid #345574;background:#102237;border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.sector-links a:hover{transform:translateY(-3px);border-color:#73cfff}.sector-links img{width:100%;height:165px;object-fit:cover;display:block}.sector-links span{display:flex;align-items:center;justify-content:space-between;padding:20px;font-weight:700}.sector-links b{color:#7edaff}@media(max-width:960px){.industry-hero-grid{grid-template-columns:1fr}.industry-illustration{max-width:650px}}@media(max-width:650px){.proof-grid{grid-template-columns:repeat(2,1fr);gap:4px}.proof-item{border-right:0;border-bottom:1px solid #263d52;padding:15px 9px}.proof-item:nth-child(3),.proof-item:nth-child(4){border-bottom:0}.sector-links{grid-template-columns:1fr}.industry-hero{padding:55px 0 70px}}

/* Identité officielle MN Informatique */
.brand{flex:0 0 auto;display:inline-flex;align-items:center;line-height:1;margin:0}.brand-logo{display:block;width:165px;height:auto;max-height:62px;object-fit:contain}.footer .brand{display:inline-flex;margin:0 0 14px}.footer .brand-logo{width:200px;max-height:none}.navrow{gap:14px}.links{gap:clamp(9px,1.15vw,22px)}@media(max-width:1100px){.brand-logo{width:145px}.links{gap:10px}.links a{font-size:12px}}@media(max-width:960px){.brand-logo{width:163px}.navrow{min-height:74px}.links{top:74px}}@media(max-width:420px){.brand-logo{width:145px}}
