:root{color-scheme:dark;--navy:#061323;--blue:#0A1F35;--mid:#123653;--cyan:#00C8E8;--light:#B8C9D7;--photo:none;--position:65% center}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--navy);color:var(--light);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:6px}a:hover{color:var(--cyan)}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}p{margin:0 0 1.3em}h1,h2,h3{color:#fff;line-height:1.15;margin:0 0 .7em;overflow-wrap:break-word}h1{font-size:clamp(2.45rem,4.5vw,4.6rem);font-weight:600;letter-spacing:-.055em;max-width:16ch;text-wrap:balance}h2{font-size:clamp(1.8rem,3vw,3rem);font-weight:550;letter-spacing:-.04em;max-width:23ch;text-wrap:balance}h3{font-size:1.2rem;font-weight:600;letter-spacing:-.02em}h1 .accent{display:block;color:var(--cyan)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto;min-width:0}.skip{position:fixed;left:20px;top:-100px;background:var(--cyan);color:var(--navy);padding:12px 20px;z-index:100}.skip:focus{top:12px}
header{position:relative;z-index:5;background:var(--navy);border-bottom:1px solid #b8c9d71f}.bar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px;padding-block:14px}.bar>a{flex:0 0 auto}.logo{width:88px;height:auto;max-height:64px;object-fit:contain;padding:0;background:none;border:0;border-radius:2px}nav{display:flex;align-items:center;gap:clamp(10px,1.25vw,22px)}nav a{position:relative;text-decoration:none;white-space:nowrap;font-size:.77rem;font-weight:550;color:#dce6ee;padding:12px 0}nav a[aria-current="page"]{color:var(--cyan)}nav a[aria-current="page"]:after{content:"";position:absolute;bottom:3px;left:0;width:22px;height:2px;background:var(--cyan)}nav a:last-child{border:1px solid #b8c9d747;padding:9px 14px;border-radius:3px}.menu{display:none}
section{padding:clamp(64px,8vw,112px) 0;position:relative}.hero{isolation:isolate;min-height:650px;display:flex;align-items:center;padding:100px 0 140px;background-color:var(--navy);background-image:linear-gradient(0deg,#061323 0%,#06132300 38%),linear-gradient(90deg,#061323f7 0%,#061323e8 34%,#06132365 75%,#06132345),var(--photo);background-size:cover;background-position:center,center,var(--position)}.hero>.wrap{position:relative}.hero .split{display:block}.hero .split>div{max-width:720px}.hero-image{display:none}.eyebrow{display:flex;align-items:center;gap:12px;font-size:.69rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--cyan);margin-bottom:26px}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;flex:none}.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.75;max-width:53ch;color:#d5e1eb}.hero .lead{max-width:46ch}.visual-caption{font-size:.7rem;line-height:1.6;max-width:62ch;color:#c7d7e3;margin:38px 0 0;padding-left:14px;border-left:1px solid var(--cyan)}
body:has(nav a[href="index.html"][aria-current]){--photo:url('../hero.jpg');--position:70% center}body:has(nav a[href="entreprise.html"][aria-current]){--photo:url('../images/about-lint.jpg');--position:65% center}body:has(nav a[href="infrastructures.html"][aria-current]){--photo:url('../images/infrastructure-enterprise.jpg');--position:72% center}body:has(nav a[href="reseaux-securite.html"][aria-current]){--photo:url('../images/network-cybersecurity.jpg');--position:70% center}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]){--photo:url('../images/cloud-backup.jpg');--position:center}body:has(nav a[href="services-manages.html"][aria-current]){--photo:url('../images/managed-services.jpg');--position:35% center}body:has(nav a[href="contact.html"][aria-current]){--photo:url('../images/contact-premium.jpg');--position:70% center}body:has(nav a[href="expertises.html"][aria-current]){--photo:url('../images/infrastructure-enterprise.jpg')}
body:has(nav a[href="entreprise.html"][aria-current]) .hero{min-height:690px;padding-top:160px}body:has(nav a[href="entreprise.html"][aria-current]) .hero h1{max-width:17ch}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .hero{min-height:640px;text-align:center;background-image:linear-gradient(0deg,#061323,#06132388 65%,#061323bb),var(--photo)}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .hero .split>div{margin:auto;max-width:800px}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .hero h1{max-width:19ch;margin-inline:auto}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .hero .lead,body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .visual-caption{margin-inline:auto}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .hero .eyebrow{justify-content:center}
body:has(nav a[href="services-manages.html"][aria-current]) .hero{background-image:linear-gradient(0deg,#061323,#06132300 50%),linear-gradient(270deg,#061323f5,#061323df 42%,#06132366),var(--photo)}body:has(nav a[href="services-manages.html"][aria-current]) .hero .split>div{margin-left:auto;max-width:630px}body:has(nav a[href="expertises.html"][aria-current]) .hero{min-height:480px;padding-block:80px 100px}body:has(nav a[href="expertises.html"][aria-current]) .hero h1{max-width:20ch;font-size:clamp(2.3rem,4vw,4rem)}body:has(nav a[href="contact.html"][aria-current]) .hero{min-height:560px;padding-block:85px 110px}
.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:30px 0 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;max-width:100%;text-align:center;background:var(--cyan);color:var(--navy);border:1px solid var(--cyan);border-radius:3px;padding:14px 22px;text-decoration:none;font-size:.85rem;font-weight:700;line-height:1.5;cursor:pointer}.button:hover{background:#fff;border-color:#fff;color:var(--navy)}.secondary{color:#fff;background:#06132366;border-color:#b8c9d75c}.secondary:hover{background:var(--mid);border-color:var(--cyan);color:#fff}
.soft{background:linear-gradient(120deg,var(--blue),var(--navy));border-top:1px solid #b8c9d714;border-bottom:1px solid #b8c9d714}.soft>.wrap>.lead{max-width:70ch}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin-top:45px;counter-reset:expertise}.card{position:relative;min-width:0;padding:32px 0 36px;border-top:1px solid #b8c9d733;counter-increment:expertise;background:none}.card:before{content:counter(expertise,decimal-leading-zero);display:block;margin-bottom:25px;color:var(--cyan);font-size:.72rem;font-weight:650;letter-spacing:.12em}.card p{font-size:.93rem;max-width:48ch}.card a{display:inline-block;color:var(--cyan);font-size:.8rem;text-decoration:none;border-bottom:1px solid #00c8e83d;padding-bottom:4px}.card:hover{border-top-color:var(--cyan)}.card:hover a{color:#fff}.grid>.card:first-child h3{font-size:1.5rem}
body:has(nav a[href="index.html"][aria-current]) main>section:nth-child(2)>.wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:0 70px}body:has(nav a[href="index.html"][aria-current]) main>section:nth-child(2) .eyebrow{grid-column:1}body:has(nav a[href="index.html"][aria-current]) main>section:nth-child(2) h2{grid-column:1;grid-row:2 / 4}body:has(nav a[href="index.html"][aria-current]) main>section:nth-child(2) .lead{grid-column:2;grid-row:1 / 3}body:has(nav a[href="index.html"][aria-current]) main>section:nth-child(2) a{grid-column:2}body:has(nav a[href="index.html"][aria-current]) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px}
body:has(nav a[href="entreprise.html"][aria-current]) main>section:nth-child(2) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px}body:has(nav a[href="infrastructures.html"][aria-current]) main>section:nth-child(2) .grid{grid-template-columns:repeat(3,minmax(0,1fr))}body:has(nav a[href="reseaux-securite.html"][aria-current]) main>section:nth-child(2)>.wrap{display:grid;grid-template-columns:1fr 2fr;gap:60px}body:has(nav a[href="reseaux-securite.html"][aria-current]) main>section:nth-child(2) .grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}body:has(nav a[href="services-manages.html"][aria-current]) main>section:nth-child(2) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px}
body:has(nav a[href="expertises.html"][aria-current]) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}body:has(nav a[href="expertises.html"][aria-current]) .card{padding-left:52px}body:has(nav a[href="expertises.html"][aria-current]) .card:before{position:absolute;left:0;top:33px}body:has(nav a[href="expertises.html"][aria-current]) .card:first-child h3{font-size:1.2rem}
.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:0;margin:50px 0 0}.steps li{counter-increment:step;font-size:.87rem;position:relative;border-top:1px solid #b8c9d733;padding:26px 0 0}.steps li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--cyan);font-size:.7rem;letter-spacing:.15em;margin-bottom:20px}.steps strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:8px}.cta{background:radial-gradient(ellipse at 90% 100%,#12365388,transparent 65%)}.cta>.wrap{position:relative;padding-right:330px}.cta .button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.cta p:not(.eyebrow){max-width:57ch}.cta h2{max-width:26ch}
footer{padding:55px 0 28px;border-top:1px solid #b8c9d726;background:#040e1b}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-grid>div:last-child{padding-top:5px}footer .logo{width:74px;max-height:56px;margin-bottom:22px}footer p{font-size:.8rem;max-width:53ch}.footer-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:22px 0 32px}.footer-links a{font-size:.82rem;text-decoration:none}.footer-grid>div:last-child>p:last-child{font-size:.7rem;color:#9aafbf}
body:has(nav a[href="contact.html"][aria-current]) main>section:nth-child(2){padding-block:55px}body:has(nav a[href="contact.html"][aria-current]) main>section:nth-child(2)>.wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}#demande>.wrap{display:grid;grid-template-columns:1fr 1.8fr;gap:20px 70px;align-items:start}#demande h2{grid-column:1;grid-row:1}#demande .notice{grid-column:1;grid-row:2}#demande noscript{grid-column:1}#demande .form{grid-column:2;grid-row:1 / 5}.notice{font-size:.85rem;padding:0 0 0 20px;border-left:2px solid var(--cyan);line-height:1.8}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;min-width:0;max-width:800px;padding:32px;background:var(--blue);border-radius:5px}.form label{font-size:.8rem;font-weight:600;color:#e3edf5}.form label[for="message"],.form>p,.form>.actions{grid-column:1 / -1}.form .actions{margin-top:0}.form .actions .button{font-size:.76rem}.form>p{font-size:.76rem}.form noscript{grid-column:1 / -1}input,textarea{display:block;width:100%;min-width:0;margin-top:9px;padding:12px 14px;background:#061323;color:#fff;border:1px solid #b8c9d75c;border-radius:3px;font-size:1rem}input:hover,textarea:hover{border-color:#b8c9d7}textarea{min-height:175px;resize:vertical}.status{min-height:1.7em;color:var(--cyan);margin:0}.form #confidentialite{margin-bottom:0}
@media(min-width:1600px){.hero{min-height:760px}.hero>.wrap{padding-block:30px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.bar{gap:20px;flex-wrap:wrap}.js .menu{display:inline-flex;border:1px solid #b8c9d75c;border-radius:3px;background:transparent;color:#fff;padding:9px 16px;font-size:.85rem;cursor:pointer}.js nav[hidden]{display:none}nav{width:100%;flex-wrap:wrap;gap:8px 24px;padding:8px 0}.js nav{flex-direction:column;align-items:stretch;gap:0;padding:12px 0 4px}nav a{font-size:.85rem;padding:12px 0}nav a:last-child{border:0;padding:12px 0}.hero{min-height:620px}.hero h1{font-size:clamp(2.6rem,5.6vw,4.1rem)}.grid{gap:0 25px}.cta>.wrap{padding-right:0}.cta .button{position:static;transform:none;margin-top:15px}body:has(nav a[href="reseaux-securite.html"][aria-current]) main>section:nth-child(2)>.wrap{display:block}body:has(nav a[href="reseaux-securite.html"][aria-current]) main>section:nth-child(2) .grid{margin-top:40px}#demande>.wrap{gap:20px 35px;grid-template-columns:1fr 1.6fr}.form{padding:25px;grid-template-columns:1fr}.form label{grid-column:1 / -1}}
@media(max-width:800px){.grid,body:has(nav a[href="infrastructures.html"][aria-current]) main>section:nth-child(2) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 35px}.footer-grid{gap:40px}.hero{padding-block:80px 100px}body:has(nav a[href="entreprise.html"][aria-current]) .hero{padding-top:100px;min-height:630px}body:has(nav a[href="services-manages.html"][aria-current]) .hero .split>div{margin-left:15%}body:has(nav a[href="index.html"][aria-current]) main>section:nth-child(2)>.wrap{display:block}body:has(nav a[href="contact.html"][aria-current]) main>section:nth-child(2)>.wrap{display:block}#demande>.wrap{display:block}#demande .notice{max-width:65ch;margin-block:25px 35px}.form{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.form label{grid-column:auto}.form label[for="message"]{grid-column:1 / -1}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.bar{min-height:78px;padding-block:12px}.logo{width:76px;max-height:54px}.hero,.hero.contact{min-height:590px;padding:70px 0 90px;background-image:linear-gradient(0deg,#061323,#06132355 50%,#061323bb),linear-gradient(90deg,#061323e8,#061323b3),var(--photo)}.hero h1{font-size:clamp(2.25rem,9.3vw,3.2rem);max-width:16ch}.hero .lead{font-size:1rem;max-width:35ch}.eyebrow{font-size:.62rem;letter-spacing:.14em;gap:9px;margin-bottom:22px}.eyebrow:before{width:19px}.hero .actions{align-items:stretch;flex-direction:column;max-width:290px}.button{font-size:.8rem;padding:13px 18px}.visual-caption{margin-top:30px;max-width:42ch;font-size:.65rem}.grid,body:has(nav a[href="index.html"][aria-current]) .grid,body:has(nav a[href="entreprise.html"][aria-current]) main>section:nth-child(2) .grid,body:has(nav a[href="infrastructures.html"][aria-current]) main>section:nth-child(2) .grid,body:has(nav a[href="reseaux-securite.html"][aria-current]) main>section:nth-child(2) .grid,body:has(nav a[href="services-manages.html"][aria-current]) main>section:nth-child(2) .grid,body:has(nav a[href="expertises.html"][aria-current]) .grid{grid-template-columns:1fr;gap:0}.card{padding-block:26px 30px}.card:before{margin-bottom:16px}.steps{gap:25px 20px;font-size:.8rem}.steps strong{font-size:.95rem}.steps li{font-size:.8rem}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-links{gap:14px 22px}.form{padding:22px 18px;grid-template-columns:1fr}.form label{grid-column:1 / -1}.form .actions{align-items:stretch;flex-direction:column}.form .button{width:100%}body:has(nav a[href="services-manages.html"][aria-current]) .hero .split>div{margin-left:0}body:has(nav a[href="services-manages.html"][aria-current]) .hero{background-image:linear-gradient(0deg,#061323,#061323bb),var(--photo)}body:has(nav a[href="cloud-sauvegarde.html"][aria-current]) .hero{min-height:600px}body:has(nav a[href="expertises.html"][aria-current]) .hero{min-height:480px;padding-block:65px 85px}body:has(nav a[href="expertises.html"][aria-current]) .hero h1{font-size:2.3rem}body:has(nav a[href="contact.html"][aria-current]) .hero{min-height:540px;padding-block:65px 90px}body:has(nav a[href="entreprise.html"][aria-current]) .hero{min-height:610px;padding-top:80px}}
@media(prefers-reduced-motion:no-preference){a,button,input,textarea,.card{transition:color .18s ease,background-color .18s ease,border-color .18s ease}html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.button,.menu,.card,input,textarea{border:1px solid ButtonText}.hero{background-image:none}.accent,.eyebrow,.card:before,.steps li:before{color:CanvasText}nav a[aria-current="page"]{text-decoration:underline}}
/* Progressive enhancement: backgrounds retain their visible descriptions through main.js. */
.page-home{--photo:url('../hero.jpg')}.page-company{--photo:url('../images/about-lint.jpg')}.page-infrastructure{--photo:url('../images/infrastructure-enterprise.jpg')}.page-network{--photo:url('../images/network-cybersecurity.jpg')}.page-cloud{--photo:url('../images/cloud-backup.jpg')}.page-managed{--photo:url('../images/managed-services.jpg')}.page-contact{--photo:url('../images/contact-premium.jpg')}.page-expertise{--photo:url('../images/infrastructure-enterprise.jpg')}
.hero:not(.enhanced) .hero-image{display:block;width:1px;height:1px;position:absolute;overflow:hidden;clip-path:inset(50%)}
.hero.enhanced .hero-image{display:none}
@media print{body{background:#fff;color:#172535;font-size:11pt}header,footer,.menu,.actions,.hero-image,.visual-caption{display:none}.wrap{width:100%}.hero,section,.soft,.cta{background:none!important;padding:24px 0;min-height:0!important}h1,h2,h3,h1 .accent,.lead,.eyebrow,.card a,.steps strong{color:#172535}.hero h1{font-size:30pt;max-width:24ch}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{break-inside:avoid}.form{background:none;border:1px solid #777}.form label,input,textarea{color:#172535;background:#fff}.button{display:none}}