:root{--red:#a00e19;--ink:#202126;--muted:#666b73;--paper:#f5f5f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 14px #0000000b}.logo{width:116px;height:70px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.header nav a:hover{color:var(--red)}.nav-cta{background:var(--red);color:white!important;padding:14px 22px}.menu{display:none;background:none;border:0;font-size:28px}.hero{min-height:650px;background:linear-gradient(110deg,#16171b 0%,#27282e 65%,#34353b 100%);color:white;display:flex;align-items:center;padding:95px max(7vw,26px);position:relative;overflow:hidden}.hero-content{position:relative;z-index:1;max-width:820px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.21em}.red{color:var(--red)}h1{font-size:clamp(42px,6vw,83px);line-height:1.08;letter-spacing:-.045em;margin:28px 0}h1 em{font-style:normal;color:#f5a0a4}.hero p{max-width:650px;color:#d1d2d5;font-size:19px;line-height:1.7}.hero-pattern{position:absolute;right:-2%;bottom:-9%;font-weight:900;font-size:clamp(250px,35vw,650px);letter-spacing:-.13em;color:#ffffff08;user-select:none}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{padding:17px 24px;font-size:13px;font-weight:800;display:inline-block;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--red);color:white}.outline{border:1px solid #777;color:white}.section{padding:105px max(7vw,26px)}.section-heading h2,.history h2,.contact h2{font-size:clamp(34px,4vw,57px);line-height:1.15;letter-spacing:-.04em;margin:22px 0 45px}.section-heading h2 span,.expertises h2 span{color:#85888d}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;line-height:1.9;color:var(--muted)}.intro-grid .lead{font-size:23px;line-height:1.6;color:var(--ink);font-weight:600}.companies{background:var(--paper)}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.company{background:white;transition:transform .2s;box-shadow:0 8px 30px #00000007}.company:hover{transform:translateY(-6px)}.company-visual{height:230px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:white;position:relative;overflow:hidden}.company-visual:before{content:"";position:absolute;width:280px;height:280px;border:35px solid #ffffff12;border-radius:50%;right:-90px;top:-100px}.company-visual>span{position:absolute;top:22px;left:24px;font-size:12px;letter-spacing:.2em}.company-visual strong{font-size:clamp(26px,3vw,42px);letter-spacing:-.05em;z-index:1}.company-visual strong span{font-weight:400}.company-visual small{margin-top:9px;font-size:10px;letter-spacing:.18em;z-index:1}.ati{background:linear-gradient(130deg,#34363c,#15161b)}.meier{background:linear-gradient(130deg,#97151e,#4d1015)}.uptimiz{background:linear-gradient(130deg,#41464c,#20252a)}.company-body{padding:30px}.company-body h3{font-size:24px;margin:0 0 16px}.company-body p{font-size:15px;line-height:1.75;color:var(--muted);min-height:135px}.company-body a{border-top:1px solid #eee;padding-top:22px;display:flex;justify-content:space-between;color:var(--red);font-size:13px;font-weight:800}.expertises{background:#202126;color:white}.expertises .section-heading h2 span{color:#9b9ca0}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.expertise-grid>div{border-top:1px solid #555;padding-top:25px}.expertise-grid b{color:#ed8d92}.expertise-grid h3{font-size:21px;margin-top:35px}.expertise-grid p{font-size:14px;line-height:1.8;color:#b6b7bc}.history{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.history p{line-height:1.9;color:var(--muted)}.timeline{border-left:2px solid #eee;padding-left:30px}.timeline div{display:flex;gap:25px;padding:21px 0;border-bottom:1px solid #eee;align-items:center}.timeline strong{color:var(--red);font-size:23px}.timeline span{font-size:14px}.contact{background:var(--red);color:white;text-align:center}.contact h2{margin-bottom:24px}.contact>p{max-width:650px;margin:auto;line-height:1.8;color:#f2d6d8}.contact .actions{justify-content:center}.light{background:white;color:var(--red)}.contact .address{margin-top:50px;font-size:12px}footer{padding:60px max(7vw,26px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;background:#f6f6f6}footer img{width:140px}footer p{font-size:13px;color:#777}footer>div:not(.footer-brand):not(.copyright){display:flex;flex-direction:column;gap:14px;font-size:13px}footer strong{margin-bottom:10px}.copyright{grid-column:1/-1;border-top:1px solid #ddd;padding-top:24px;font-size:12px;color:#888}@media(max-width:900px){.company-grid{grid-template-columns:1fr}.company-body p{min-height:0}.expertise-grid{grid-template-columns:repeat(2,1fr)}.header nav{gap:14px}.history{gap:5%}}@media(max-width:650px){.header{height:76px}.logo{width:95px}.menu{display:block}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:25px;box-shadow:0 12px 20px #0002}.header nav.open{display:flex}.hero{min-height:600px}.hero p{font-size:16px}.section{padding-top:75px;padding-bottom:75px}.intro-grid,.history{grid-template-columns:1fr}.expertise-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
/* Official company logos */
.company-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px!important;background:#f7f8fa!important}
.company-visual .company-logo{display:block;width:100%;max-width:310px;height:145px;object-fit:contain;background:white;border-radius:6px;padding:12px}
.company-visual>span{align-self:flex-start;color:#a10b12!important}
.company-visual>small{color:#424852!important;text-align:center}

/* Logo ATIUM Groupe */
.header .logo{object-fit:contain;object-position:left center;max-width:240px;width:clamp(145px,18vw,240px);height:auto;}
.footer-brand img{object-fit:contain;object-position:left center;max-width:260px;height:auto;}

.contact-email a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:5px}.contact-email{margin:22px 0}