:root{--bg:#03152d;--bg2:#061f3e;--cyan:#20dcff;--blue:#4084ff;--violet:#8f6cff;--text:#f7fbff;--muted:#c4d6e8;--line:rgba(151,218,255,.19);--glass:rgba(13,65,111,.27);--shadow:0 30px 90px rgba(0,18,48,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 18%,rgba(31,159,255,.12),transparent 34%),radial-gradient(circle at 10% 80%,rgba(90,52,255,.08),transparent 28%);z-index:-1}.glass-card{background:linear-gradient(135deg,rgba(31,106,161,.29),rgba(6,41,78,.28));border:1px solid rgba(172,227,255,.25);box-shadow:inset 0 1px 1px rgba(255,255,255,.14),var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-header{height:88px;position:absolute;z-index:20;top:0;left:5.6%;right:5.6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;letter-spacing:-.5px}.brand strong{font-weight:800}.brand-mark{width:25px;height:29px;display:inline-block;border-radius:13px 5px 13px 5px;background:linear-gradient(145deg,#8f5cff 4%,#358aff 47%,#34f0f0 100%);transform:rotate(8deg);position:relative;box-shadow:0 0 20px rgba(48,213,255,.35)}.brand-mark i{position:absolute;width:8px;height:25px;top:1px;left:8px;border-radius:9px;background:rgba(2,22,50,.38);transform:rotate(-8deg)}.main-nav{display:flex;gap:42px;margin-left:8%}.main-nav a{font-size:13px;color:#cfdded;position:relative;padding:34px 0}.main-nav a:after{content:"";position:absolute;height:1px;left:50%;right:50%;bottom:23px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:.25s}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}.top-cta,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(110deg,#5c58f4,#29d6f6);border-radius:999px;padding:13px 22px;font-size:13px;font-weight:600;box-shadow:0 0 28px rgba(51,180,255,.26);transition:transform .25s,box-shadow .25s}.top-cta{min-width:148px;background:linear-gradient(100deg,rgba(76,149,255,.2),rgba(41,219,255,.47));backdrop-filter:blur(14px)}.top-cta:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(54,192,255,.38)}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:10px}.menu-toggle span{width:25px;height:2px;background:white;display:block;margin:6px}
.hero{min-height:680px;height:100vh;position:relative;overflow:hidden;background:#061b38}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,18,42,.24),rgba(1,14,34,.02) 54%,rgba(0,15,33,.08)),linear-gradient(0deg,rgba(1,15,33,.3),transparent 30%)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(75,199,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(75,199,255,.12) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 62%)}.hero-panel{position:absolute;left:5.6%;top:50%;transform:translateY(-46%);width:min(47%,680px);padding:37px 41px 26px;border-radius:28px;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:160px;height:2px;top:0;left:55%;background:linear-gradient(90deg,transparent,#cbf8ff,transparent);box-shadow:0 0 17px 3px #1ac9ff}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:4px;font-size:10px;font-weight:700;color:#bde9ff}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px}.eyebrow i{width:44px;height:1px;background:#79bee7}.hero h1{font-size:clamp(46px,5.1vw,74px);line-height:.98;letter-spacing:-4px;margin:0 0 17px;font-weight:500}.hero h1 span{font-weight:800;background:linear-gradient(100deg,#38d7ff 12%,#4290ff 55%,#a875ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{width:82%;font-size:14px;line-height:1.65;color:#c8d9ea;margin:0 0 24px}.hero-actions{display:flex;align-items:center;gap:18px;margin-bottom:25px}.primary-btn{padding:14px 24px}.video-btn{display:flex;align-items:center;gap:10px;color:white;background:none;border:0;cursor:pointer;padding:0;font-size:12px}.play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.58);background:rgba(4,26,57,.22);font-size:12px;padding-left:2px}.mini-services{border-top:1px solid rgba(169,225,255,.15);padding-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-services>div{display:flex;align-items:center;gap:9px;min-width:0}.mini-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid rgba(145,221,255,.28);border-radius:9px;color:#9ae9ff}.mini-services p{margin:0;line-height:1.15;min-width:0}.mini-services strong{display:block;font-size:9px;white-space:nowrap}.mini-services small{font-size:7px;color:#8fb0cd;white-space:nowrap}.idea-chip{position:absolute;top:21%;right:6%;border-radius:14px;padding:13px 18px;display:flex;align-items:center;gap:12px}.bolt{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid #74dfff;font-size:21px;color:#c6f7ff}.idea-chip p{margin:0;line-height:1.2}.idea-chip strong,.idea-chip small{display:block}.idea-chip strong{font-size:10px}.idea-chip small{font-size:9px;color:#b8cbe1}.social-rail{position:absolute;right:6%;top:49%;display:flex;flex-direction:column;border-radius:20px;overflow:hidden}.social-rail a{width:40px;height:40px;display:grid;place-items:center;border-bottom:1px solid rgba(200,235,255,.13);font-size:18px}.social-rail a:hover{background:rgba(61,205,255,.2)}.scroll-hint{position:absolute;left:5.8%;bottom:7%;display:flex;align-items:center;gap:12px;font-size:10px;color:#d6e7f7}.mouse{width:18px;height:31px;border-radius:10px;border:1px solid #d7f6ff;display:grid;place-items:start center;padding-top:6px}.mouse i{width:2px;height:6px;border-radius:2px;background:white;animation:scroll 1.7s infinite}.hero-mantra{position:absolute;right:6%;bottom:8%;font-size:9px;letter-spacing:3px;color:#b7d6ed}@keyframes scroll{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
.section{padding:115px max(6%,calc((100vw - 1280px)/2));position:relative}.section h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-2.5px;margin:14px 0;font-weight:600}.about{background:linear-gradient(180deg,#041a36,#061d3a)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.about-copy>p,.section-heading>p,.solutions-copy>p{color:var(--muted);line-height:1.8;font-size:15px}.metrics{margin-top:38px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics strong{display:block;font-size:27px;color:#5bddff}.metrics span{font-size:10px;color:#91a9c1}.services-section{background:#04162e}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading>div{max-width:760px}.section-heading>p{max-width:330px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-cards article{padding:25px;border-radius:22px;background:rgba(8,40,75,.62);border:1px solid var(--line);min-height:310px;display:flex;flex-direction:column;transition:.3s}.service-cards article:hover,.service-cards article.featured{transform:translateY(-8px);background:linear-gradient(145deg,rgba(25,102,161,.68),rgba(24,61,119,.4));border-color:rgba(75,210,255,.42);box-shadow:0 25px 55px rgba(0,12,30,.28)}.service-cards article>span{font-size:11px;color:#7892ad}.card-symbol{font-size:34px;margin:33px 0 22px;color:#5de4ff}.service-cards h3{font-size:20px;margin:0 0 12px}.service-cards p{font-size:12px;line-height:1.7;color:#9fb4c9}.service-cards a{margin-top:auto;font-size:11px;color:#7deaff}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:radial-gradient(circle at 20% 50%,rgba(25,125,208,.18),transparent 33%),#061c39}.solutions-visual{height:500px;border-radius:32px;display:grid;place-items:center;overflow:hidden;position:relative}.solution-logo{width:145px;height:145px;border-radius:50%;background:#06182f;border:1px solid rgba(108,218,255,.44);display:flex;align-items:center;justify-content:center;gap:12px;z-index:2;box-shadow:0 0 70px rgba(41,170,255,.28)}.solution-logo .brand-mark{width:35px;height:43px}.solution-logo strong{font-size:19px}.orbit{position:absolute;border:1px solid rgba(83,203,255,.22);border-radius:50%}.orbit-one{width:270px;height:270px;animation:spin 16s linear infinite}.orbit-two{width:410px;height:410px;border-style:dashed;animation:spin 26s linear infinite reverse}.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:12%;left:16%;background:#59ddff;box-shadow:0 0 18px #59ddff}.floating-tag{position:absolute;padding:9px 16px;border:1px solid rgba(94,213,255,.35);background:rgba(9,53,94,.65);border-radius:20px;font-size:11px;color:#bfefff}.t1{top:20%;left:15%}.t2{top:30%;right:10%}.t3{bottom:16%;left:23%}@keyframes spin{to{transform:rotate(360deg)}}.solutions-copy ul{list-style:none;padding:0;margin:27px 0}.solutions-copy li{padding:10px 0;color:#c3d3e3;font-size:13px}.solutions-copy li span{color:#56e5ff;margin-right:10px}.outline-btn{display:inline-flex;align-items:center;gap:18px;border:1px solid #4fcfff;border-radius:999px;padding:13px 21px;font-size:12px}.outline-btn:hover{background:rgba(55,203,255,.13)}.work{background:#04162e}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-card{border-radius:27px;overflow:hidden;background:#082342;border:1px solid var(--line)}.work-card>div:last-child{padding:27px 30px 32px}.work-card span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#62deff}.work-card h3{font-size:25px;margin:8px 0}.work-card p{color:var(--muted);font-size:12px}.work-ui{height:310px;margin:18px 18px 0;border-radius:18px;background:linear-gradient(135deg,#0b4577,#0e2a5a);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.ui-sidebar{position:absolute;left:0;top:0;bottom:0;width:24%;background:rgba(2,24,50,.6)}.ui-content{position:absolute;left:29%;right:5%;top:14%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ui-content i{height:150px;border-radius:14px;background:linear-gradient(180deg,rgba(74,207,255,.38),rgba(68,112,255,.12))}.ui-chart{position:absolute;width:230px;height:230px;border:33px solid #5fe7ff;border-right-color:#7a6bff;border-bottom-color:#2b7ce5;border-radius:50%;left:9%;top:14%}.ui-bars{position:absolute;bottom:17%;right:9%;display:flex;align-items:end;gap:12px}.ui-bars i{width:20px;background:linear-gradient(#54e4ff,#5065e9);border-radius:6px 6px 0 0}.ui-bars i:nth-child(1){height:58px}.ui-bars i:nth-child(2){height:105px}.ui-bars i:nth-child(3){height:82px}.ui-bars i:nth-child(4){height:130px}.contact-section{background:linear-gradient(180deg,#04162e,#031127)}.contact-card{border-radius:32px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(circle at 70% 0,rgba(43,201,255,.23),transparent 35%),linear-gradient(135deg,rgba(31,106,161,.36),rgba(6,41,78,.36))}.contact-card h2{margin-bottom:0}.contact-card h2 span{color:#64e4ff}.contact-card .primary-btn{white-space:nowrap}footer{padding:34px 6%;display:flex;align-items:center;justify-content:space-between;background:#020d1e;border-top:1px solid var(--line)}footer p{font-size:10px;color:#7891aa}.modal{position:fixed;inset:0;background:rgba(0,10,27,.78);display:none;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(8px)}.modal.show{display:grid}.modal-content{max-width:580px;padding:45px;border-radius:28px}.modal-content h2{font-size:36px}.modal-content p{color:var(--muted);line-height:1.7}.modal-close{position:absolute;right:28px;top:20px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}
@media(max-width:1050px){.main-nav{gap:22px;margin-left:2%}.top-cta{display:none}.hero-panel{width:58%}.idea-chip{right:3%}.service-cards{grid-template-columns:1fr 1fr}.mini-services{grid-template-columns:1fr 1fr}.hero-copy{width:100%}}
@media(max-width:760px){.site-header{height:72px;left:5%;right:5%}.menu-toggle{display:block}.main-nav{position:absolute;top:62px;left:0;right:0;margin:0;padding:14px;border-radius:18px;background:rgba(4,25,54,.96);border:1px solid var(--line);display:none;flex-direction:column;gap:0;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:13px 10px}.main-nav a:after{display:none}.hero{height:auto;min-height:790px}.hero-image{object-position:67% center}.hero-vignette{background:linear-gradient(0deg,rgba(1,13,31,.72),rgba(1,13,31,.05) 70%)}.hero-panel{left:4%;right:4%;top:auto;bottom:70px;transform:none;width:auto;padding:27px 23px 20px;border-radius:24px}.hero h1{font-size:42px;letter-spacing:-2.8px}.hero-copy{font-size:12px}.hero-actions{align-items:center}.primary-btn{padding:13px 18px}.video-btn>span:last-child{display:none}.mini-services{display:none}.idea-chip{top:115px;right:4%;padding:9px 11px}.social-rail,.hero-mantra{display:none}.scroll-hint{bottom:25px}.section{padding:78px 6%}.about-grid,.solutions{grid-template-columns:1fr;gap:45px}.metrics{gap:8px}.section-heading{display:block}.service-cards{grid-template-columns:1fr}.service-cards article{min-height:270px}.solutions-visual{height:390px;order:2}.solutions-copy{order:1}.work-grid{grid-template-columns:1fr}.work-ui{height:230px}.contact-card{padding:38px 25px;display:block}.contact-card .primary-btn{margin-top:25px}footer{flex-direction:column;gap:11px;text-align:center}.ui-chart{width:170px;height:170px;border-width:25px}}
@media(max-width:390px){.hero h1{font-size:36px}.hero-panel{bottom:60px}.hero-actions{gap:10px}.hero-actions .primary-btn{font-size:11px}.idea-chip{display:none}.metrics{grid-template-columns:1fr}.metrics div{padding:10px 0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.mouse i{animation:none}*{transition:none!important}}

/* ACH SOFT — identité officielle et secteurs métiers */
.brand-logo-shell{height:78px;width:78px;display:grid;place-items:center;padding:12px 6px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.27),rgba(255,255,255,.11));border:1px solid rgba(255,255,255,.36);box-shadow:inset 0 1px 1px rgba(255,255,255,.38),0 10px 34px rgba(0,14,32,.25),0 0 28px rgba(216,166,48,.10);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.brand-logo-shell img{width:94%;height:auto;object-fit:contain;object-position:center;display:block;margin:auto}
.hero-panel{background:linear-gradient(135deg,rgba(25,91,145,.16),rgba(3,28,61,.10));border-color:rgba(184,231,255,.20);box-shadow:inset 0 1px 1px rgba(255,255,255,.10),0 24px 70px rgba(0,18,48,.25);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.main-nav{margin-left:5%}
.service-cards{grid-template-columns:repeat(3,1fr)}
.solution-logo{width:170px;height:170px;background:linear-gradient(135deg,rgba(39,117,177,.24),rgba(5,33,68,.14));border-color:rgba(126,220,255,.38);box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 0 70px rgba(41,170,255,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.solution-logo-shell{width:130px;display:block}
.solution-logo-shell img{width:100%;display:block}
.clinova-logo-shell{width:112px;filter:drop-shadow(0 10px 22px rgba(0,17,42,.42))}
.work-grid{grid-template-columns:repeat(3,1fr)}
.sector-visual{height:240px!important;margin:18px 18px 0;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,rgba(68,217,255,.22),transparent 55%),linear-gradient(135deg,#0b4577,#0e2a5a);position:relative;overflow:hidden}
.sector-visual:before,.sector-visual:after{content:"";position:absolute;border:1px solid rgba(92,223,255,.22);border-radius:50%}
.sector-visual:before{width:210px;height:210px}
.sector-visual:after{width:135px;height:135px}
.sector-visual span{font-size:74px!important;color:#7eeaff!important;text-shadow:0 0 30px rgba(64,210,255,.75);z-index:1}
.agriculture .sector-visual{background:radial-gradient(circle,rgba(221,174,62,.24),transparent 55%),linear-gradient(135deg,#123b61,#112b51)}
.agriculture .sector-visual span{color:#e7b84e!important;text-shadow:0 0 30px rgba(225,177,66,.55)}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.contact-details{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#b7cae0}
.contact-details a:hover{color:#66e5ff}
.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:210px;padding:12px 20px;border-radius:999px;border:1px solid rgba(116,255,188,.46);background:rgba(24,179,103,.18);color:#d8ffea;font-size:12px;font-weight:700;box-shadow:0 8px 28px rgba(13,144,78,.14);transition:transform .25s,background .25s}
.whatsapp-btn:hover{transform:translateY(-2px);background:rgba(24,179,103,.30)}
.whatsapp-icon{font-size:14px;color:#65f0a5}

@media(max-width:1050px){.work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.brand-logo-shell{width:58px;height:58px;padding:10px 5px;background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.13))}.hero-panel{background:linear-gradient(135deg,rgba(25,91,145,.29),rgba(3,28,61,.22));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.work-grid{grid-template-columns:1fr}.sector-visual{height:210px!important}}

/* Lisibilité renforcée et navigation fixe */
html{scroll-padding-top:88px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:0 5.6%;background:linear-gradient(180deg,rgba(3,21,45,.95),rgba(3,21,45,.80));border-bottom:1px solid rgba(151,218,255,.17);box-shadow:0 10px 35px rgba(0,10,28,.24);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.main-nav a{color:#e5f0fa}
.metrics span{font-size:11px;color:#c0d1e2}
.service-cards article>span{font-size:12px;color:#a9bfd3}
.service-cards p{font-size:13px;color:#c1d2e2}
.service-cards a{font-size:12px;font-weight:700;color:#8deeff}
.service-cards article.other-services{border-color:rgba(143,108,255,.48);background:linear-gradient(145deg,rgba(73,72,159,.50),rgba(12,58,104,.55))}
.other-services-lines{display:grid;gap:11px;margin-bottom:15px}
.other-services-lines p{display:grid;grid-template-columns:25px 1fr;align-items:start;gap:8px;margin:0!important}
.other-services-lines i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(94,218,255,.12);border:1px solid rgba(94,218,255,.28);color:#83eaff;font-style:normal;font-size:14px}
.mini-services strong{font-size:11px;color:#fff}
.mini-services small{font-size:9px;color:#c9dced}
.scroll-hint{font-size:11px;font-weight:700;color:#f0f8ff}
.work-card p{font-size:13px;line-height:1.65}
footer p{font-size:11px;color:#b6c9da}

@media(max-width:760px){
  html{scroll-padding-top:72px}
  .site-header{left:0;right:0;padding:0 5%}
  .hero{min-height:900px}
  .mini-services{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}
  .mini-services strong{font-size:10px}
  .mini-services small{font-size:8px}
}