/* IT Proximité 82 — Design Premium Corporate v10.07 — 14/10/2026
   Une couche complémentaire à style-v1004.css, sans modification des scripts métier. */
:root{
  --it82-ink:#071d37;--it82-midnight:#061b34;--it82-blue:#1087f7;
  --it82-blue-deep:#066dd5;--it82-ice:#eaf5ff;--it82-line:#dbe7f2;
  --it82-muted:#557089;--it82-surface:#f5f9fd;--it82-radius:19px;
  --it82-ease:cubic-bezier(.22,1,.36,1);
  --it82-shadow:0 16px 42px rgba(6,35,67,.065);
}
html{scroll-behavior:smooth}
body.it82-premium{color:var(--it82-ink);background:#fff;font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.it82-premium .wrap{width:min(1216px,92%);max-width:1216px}
body.it82-premium h1,body.it82-premium h2,body.it82-premium h3{letter-spacing:-.032em;text-wrap:balance}
body.it82-premium p{overflow-wrap:break-word}
body.it82-premium a,body.it82-premium button{ -webkit-tap-highlight-color:transparent}
body.it82-premium :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #4bb4ff;outline-offset:4px}
body.it82-premium button,body.it82-premium input,body.it82-premium textarea,body.it82-premium select{font:inherit}
body.it82-premium .header{height:82px;background:rgba(255,255,255,.94);border-bottom:1px solid #e2edf5;box-shadow:0 5px 25px rgba(10,43,73,.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body.it82-premium .nav{gap:20px}
body.it82-premium .logo-copy b{font-size:20px;letter-spacing:-.6px}
body.it82-premium .logo-copy small{letter-spacing:0;font-size:10px;color:#526c82}
body.it82-premium nav{gap:19px}
body.it82-premium nav a:not(.btn),body.it82-premium .nav-dropdown-toggle{font-size:13px;font-weight:700;color:#24425d;transition:color .2s}
body.it82-premium nav a:not(.btn):hover,body.it82-premium nav a.active{color:#087bde}
body.it82-premium .nav-dropdown-menu{border:1px solid #dfebf5;border-radius:17px;box-shadow:0 22px 60px rgba(5,30,54,.12)}
body.it82-premium .btn{border-radius:11px;font-size:14px;line-height:1.25;min-height:46px;padding:13px 21px;font-weight:750;letter-spacing:-.01em;
 background:#087de8;border:2px solid #087de8;color:#fff;box-shadow:0 9px 22px rgba(16,135,247,.15);
 transition:transform .28s var(--it82-ease),box-shadow .28s var(--it82-ease),background .2s,border-color .2s}
body.it82-premium .btn:hover{background:#086cca;border-color:#086cca;box-shadow:0 13px 29px rgba(12,107,209,.2);transform:translateY(-2px)}
body.it82-premium .btn:active{transform:translateY(0) scale(.99)}
body.it82-premium .btn.ghost{color:#0d528e;background:transparent;border-color:#bad6ec;box-shadow:none}
body.it82-premium .btn.ghost:hover{background:#eff7ff;border-color:#6daedf}
body.it82-premium .hero .btn.ghost,body.it82-premium .page-hero.dark-page .btn.ghost,
body.it82-premium .page-hero .btn.ghost{color:#f4fbff;background:rgba(255,255,255,.055);border-color:rgba(202,230,250,.43)}
body.it82-premium .hero .btn.ghost:hover,body.it82-premium .page-hero .btn.ghost:hover{background:rgba(255,255,255,.13);border-color:#b4ddff}
body.it82-premium .section{padding-top:91px;padding-bottom:91px}
body.it82-premium .section-head{margin-bottom:37px}
body.it82-premium .section-head h2,body.it82-premium .home-v971-situations h2,
body.it82-premium .home-v971-local h2{letter-spacing:-.045em;line-height:1.12}
body.it82-premium .eyebrow{font-size:11px;letter-spacing:1.65px;font-weight:850}
body.it82-premium .eyebrow.blue{color:#0579dc}
body.it82-premium .section-head p,body.it82-premium .section-head>p{color:#526d83}
body.it82-premium .hero{background:radial-gradient(ellipse 60% 68% at 97% 15%,#124873 0%,transparent 78%),linear-gradient(124deg,#07182f 0%,#092846 54%,#0a3157 100%);padding-top:57px}
body.it82-premium .hero::before{background:linear-gradient(109deg,rgba(0,12,27,.17),transparent 65%)}
body.it82-premium .hero-grid{opacity:.105;background-size:56px 56px}
body.it82-premium .hero-orb-a{opacity:.46}
body.it82-premium .hero-orb-b{opacity:.18}
body.it82-premium .hero-layout{grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);gap:44px;min-height:520px}
body.it82-premium .home-v966-copy{padding:42px 0 65px}
body.it82-premium .home-v966-copy .eyebrow{color:#7acaff}
body.it82-premium .home-v966-copy h1{font-size:clamp(43px,4.8vw,68px);line-height:1.055;letter-spacing:-.052em;max-width:790px}
body.it82-premium .home-v966-copy h1 em{color:#66bdff}
body.it82-premium .home-v966-copy .lead{max-width:610px;font-size:18px;line-height:1.72;color:#ccddee}
body.it82-premium .hero .actions{flex-wrap:wrap;gap:11px;margin-top:31px}
body.it82-premium .hero-badges{margin-top:23px;gap:8px}
body.it82-premium .hero-badges span{background:rgba(255,255,255,.065);border:1px solid rgba(211,232,250,.16);border-radius:9px;padding:8px 11px;font-size:11px;color:#e0edf8}
body.it82-premium .trust-strip{border-top:1px solid rgba(213,236,252,.17)}
body.it82-premium .trust-strip>div{padding-top:19px;padding-bottom:19px}
body.it82-premium .trust-icon{background:rgba(126,198,255,.11);color:#8bcaff;border:1px solid rgba(194,231,255,.13);border-radius:12px}
body.it82-premium .trust-strip b{font-size:13px}
body.it82-premium .trust-strip small{font-size:11px;color:#acc6db}
body.it82-premium .it82-premium-visual{align-self:center;position:relative;isolation:isolate;padding:16px;border-radius:26px;
 background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(205,232,255,.19);
 box-shadow:0 34px 90px rgba(0,10,31,.24),inset 0 1px 0 rgba(255,255,255,.09);transform:perspective(1100px) rotateY(-3deg)}
body.it82-premium .it82-premium-visual::before{content:"";position:absolute;z-index:-1;width:74%;height:65%;top:-14%;right:-9%;background:#1186f5;filter:blur(100px);opacity:.24;pointer-events:none}
body.it82-premium .it82-visual-panel{border-radius:17px;background:#f8fbff;color:#143456;overflow:hidden;box-shadow:0 23px 50px rgba(0,14,36,.24)}
body.it82-premium .it82-visual-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;background:#fff;border-bottom:1px solid #e5edf6}
body.it82-premium .it82-visual-label{font-size:10px;letter-spacing:1.3px;font-weight:850;color:#3b6f97}
body.it82-premium .it82-visual-mark{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#1b5d9c}
body.it82-premium .it82-visual-mark::before{content:"";width:8px;height:8px;border-radius:50%;background:#1191ee;box-shadow:0 0 0 4px #e2f2ff}
body.it82-premium .it82-visual-title{padding:24px 23px 4px;font-size:23px;font-weight:850;letter-spacing:-.8px;line-height:1.16}
body.it82-premium .it82-visual-sub{padding:0 23px;color:#637d93;font-size:12px;line-height:1.6}
body.it82-premium .it82-visual-cards{display:grid;gap:9px;padding:18px 20px 21px}
body.it82-premium .it82-visual-row{position:relative;display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #e3edf5;border-radius:12px;background:#fff;
 transition:transform .35s var(--it82-ease),border-color .3s,box-shadow .3s}
body.it82-premium .it82-visual-row:hover{transform:translateX(4px);border-color:#b3d9f4;box-shadow:0 5px 18px rgba(13,58,100,.07)}
body.it82-premium .it82-visual-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#eaf5ff;color:#0873d6}
body.it82-premium .it82-visual-symbol svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.it82-premium .it82-visual-text b{display:block;font-size:12px;letter-spacing:-.1px;color:#183b5c}
body.it82-premium .it82-visual-text small{display:block;font-size:11px;line-height:1.4;color:#688199;margin-top:2px}
body.it82-premium .it82-visual-row::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:#a4c9e6}
body.it82-premium .it82-visual-foot{padding:13px 20px;color:#52718a;font-size:11px;font-weight:650;border-top:1px solid #e5edf6;background:#f1f7fc}
body.it82-premium .page-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#071b34,#0b345c 89%)!important;color:#fff!important;
 padding-top:66px;padding-bottom:75px;border-bottom:0}
body.it82-premium .page-hero::before{content:"";position:absolute;width:550px;height:550px;top:-240px;right:-140px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(26,139,239,.3),transparent 70%)}
body.it82-premium .page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,#000,transparent 75%)}
body.it82-premium .page-hero .wrap{position:relative;z-index:1}
body.it82-premium .page-hero .breadcrumb,body.it82-premium .page-hero .breadcrumb a{color:#bdd5e9}
body.it82-premium .page-hero .eyebrow{color:#79c5ff!important}
body.it82-premium .page-hero h1{color:#fff!important;font-size:clamp(38px,4.3vw,62px);line-height:1.09;letter-spacing:-.055em;max-width:1050px;margin:14px 0 20px}
body.it82-premium .page-hero .page-lead{color:#d0e1ee!important;font-size:clamp(16px,1.4vw,18px);line-height:1.72;max-width:840px}
body.it82-premium .page-hero .actions{margin-top:29px;gap:11px;flex-wrap:wrap}
body.it82-premium .page-hero .btn:not(.ghost){color:#fff}
body.it82-premium .home-v942-paths{background:#fff}
body.it82-premium :is(.home-v942-path,.home-v943-path,.service,.home-v968-process-card,.home-v970-need,.contact-v943-card,.services-v957-card,.services-v957-solution-card,.zone-v970-card,.backup-card,.backup-solution-card,.cyber-v942-pillar,.config-option-service){
 border-radius:var(--it82-radius);box-shadow:var(--it82-shadow);border-color:#dde9f2;
 transition:transform .35s var(--it82-ease),box-shadow .35s var(--it82-ease),border-color .25s,background-color .25s}
body.it82-premium :is(.home-v942-path,.home-v943-path,.service,.home-v968-process-card,.home-v970-need,.contact-v943-card,.services-v957-card,.services-v957-solution-card,.zone-v970-card,.backup-card,.backup-solution-card,.cyber-v942-pillar):hover{
 transform:translateY(-4px);border-color:#b3d8f4;box-shadow:0 20px 45px rgba(6,43,79,.115)}
body.it82-premium .home-v942-path-grid{gap:16px}
body.it82-premium .home-v942-path{padding:27px;background:#fff}
body.it82-premium .home-v942-path .v942-icon{width:50px;height:50px;border-radius:14px;background:#eaf5ff;color:#087cde}
body.it82-premium .home-v942-path h3{letter-spacing:-.035em}
body.it82-premium .home-v942-path p{color:#526f85;line-height:1.7}
body.it82-premium .home-v942-path b{color:#076fcf}
body.it82-premium .home-v971-situations{background:linear-gradient(115deg,#e9f5ff,#f6faff)}
body.it82-premium .home-v971-situations-inner,body.it82-premium .home-v971-local-inner{gap:30px}
body.it82-premium .home-v971-local{background:linear-gradient(120deg,#08223f,#0c3b65);color:#fff}
body.it82-premium .home-v971-local :is(h2,p){color:#fff}
body.it82-premium .home-v971-local p:not(.eyebrow){color:#d5e4f0}
body.it82-premium .home-v971-local .eyebrow{color:#8acaff}
body.it82-premium .home-v968-process-grid{gap:18px}
body.it82-premium .home-v968-process-card{position:relative;background:#fff;border:1px solid #dfeaf3;padding-top:40px}
body.it82-premium .home-v968-process-card::before{content:"0" counter(it82-step);counter-increment:it82-step;position:absolute;top:13px;right:20px;font-weight:850;font-size:22px;color:#c7dff1}
body.it82-premium .home-v968-process-grid{counter-reset:it82-step}
body.it82-premium .configurator-section{background:#f5f9fd}
body.it82-premium .configurator-section .section-head h2{color:#0d2d4e}
body.it82-premium :is(.configurator-panel,.configurator-summary,.config-final-card,.hardware-detail,.contact-v943-form){border:1px solid #d9e7f2;border-radius:18px;box-shadow:0 14px 38px rgba(6,34,63,.045);background:#fff}
body.it82-premium :is(.configurator-panel,.configurator-summary,.config-final-card,.hardware-detail,.contact-v943-form) :is(input,select,textarea){
 border-radius:10px;transition:border-color .2s,box-shadow .2s;background-color .2s}
body.it82-premium :is(.configurator-panel,.configurator-summary,.config-final-card,.hardware-detail,.contact-v943-form) :is(input,select,textarea):focus{
 border-color:#1488e4;outline:0;box-shadow:0 0 0 4px rgba(20,136,228,.125)}
body.it82-premium .config-option-service{box-shadow:none;background:#fbfdff;border:1px solid #e2ebf3;padding:18px}
body.it82-premium .config-option-service:hover{border-color:#b1d5ee;background:#fff}
body.it82-premium .configurator-section .configurator-summary{position:relative}
body.it82-premium .configurator-section .config-summary-list li{border-bottom-color:#e7eff6}
body.it82-premium .configurator-section .config-summary-list li b{color:#143b60}
body.it82-premium .faq-v968-section{background:#f6faff}
body.it82-premium .faq-v968-list{gap:11px}
body.it82-premium .faq-v968-item{background:#fff;border:1px solid #dce9f2;border-radius:14px;box-shadow:0 5px 15px rgba(7,37,68,.025);overflow:hidden;
 transition:border-color .25s,box-shadow .25s,transform .25s}
body.it82-premium .faq-v968-item[open]{border-color:#91c7ee;box-shadow:0 10px 27px rgba(4,71,131,.08)}
body.it82-premium .faq-v968-item summary{padding:19px 21px;color:#143754;cursor:pointer;font-weight:720;transition:background .2s}
body.it82-premium .faq-v968-item summary:hover{background:#f4faff}
body.it82-premium .faq-v968-answer{color:#526c83}
body.it82-premium .contact-v943{background:#f6faff}
body.it82-premium .contact-v943-form{padding:clamp(20px,3vw,40px)}
body.it82-premium .contact-v943-form .btn{min-height:50px}
body.it82-premium footer{background:#071c33;color:#e9f5ff}
body.it82-premium footer .footer-links b{color:#fff}
body.it82-premium footer .footer-links :is(a,span){color:#c1d3e2}
body.it82-premium footer .footer-links a:hover{color:#75c9ff}
body.it82-premium footer .logo-copy b{color:#fff}
body.it82-premium footer .logo-copy small{color:#b8cada}
body.it82-premium footer .footer-brand p{color:#b8cada}
body.it82-premium footer .footer-bottom{border-top-color:rgba(200,226,247,.16);color:#a9c0d1}
body.it82-premium .it82-benefit-band{padding:66px 0;background:#fff;border-bottom:1px solid #e9f0f7}
body.it82-premium .it82-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.it82-premium .it82-benefit{padding:22px;border:1px solid #e0eaf3;border-radius:16px;background:#f8fbff;display:flex;align-items:start;gap:14px}
body.it82-premium .it82-benefit-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:#e4f3ff;border-radius:12px;color:#0a77d6}
body.it82-premium .it82-benefit-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.it82-premium .it82-benefit b{display:block;font-size:14px;line-height:1.35}
body.it82-premium .it82-benefit p{font-size:12px;margin:5px 0 0;color:#5b7488;line-height:1.6}
body.it82-premium .it82-premium-legal main{max-width:100%}
body.it82-premium .it82-premium-legal :is(h1,h2,h3){color:#0b2947}
body.it82-premium .it82-premium-legal main a{color:#0876d6}
body.it82-premium [data-it82-reveal]{opacity:1;transform:none}
@media(min-width:761px){
 body.it82-premium .it82-premium-visual{animation:it82-panel-appear 1.1s var(--it82-ease) both .12s}
 body.it82-premium .home-v966-copy{animation:it82-copy-appear .82s var(--it82-ease) both}
}
@keyframes it82-panel-appear{from{opacity:0;transform:translateY(19px) perspective(1100px) rotateY(-2deg) scale(.97)}to{opacity:1;transform:perspective(1100px) rotateY(-3deg)}}
@keyframes it82-copy-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 body.it82-premium.it82-animations-on [data-it82-reveal]:not(.it82-visible){opacity:0;transform:translateY(20px)}
 body.it82-premium.it82-animations-on [data-it82-reveal]{transition:opacity .75s var(--it82-ease),transform .75s var(--it82-ease);transition-delay:var(--it82-reveal-delay,0ms)}
 body.it82-premium.it82-animations-on [data-it82-reveal].it82-visible{opacity:1;transform:translateY(0)}
 body.it82-premium .it82-benefit-icon{transition:transform .35s var(--it82-ease)}
 body.it82-premium .it82-benefit:hover .it82-benefit-icon{transform:translateY(-2px) rotate(-4deg)}
}
@media(max-width:1130px){
 body.it82-premium .hero-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:24px}
 body.it82-premium .home-v966-copy h1{font-size:clamp(39px,5.1vw,57px)}
 body.it82-premium nav{gap:12px}
 body.it82-premium .header .btn.small{padding:9px 12px}
}
@media(max-width:900px){
 body.it82-premium .hero-layout{grid-template-columns:1fr;gap:6px;min-height:0}
 body.it82-premium .home-v966-copy{padding:33px 0 25px}
 body.it82-premium .home-v966-copy h1{max-width:730px}
 body.it82-premium .it82-premium-visual{max-width:640px;margin:0 0 38px;transform:none}
 body.it82-premium .trust-strip>div+div{padding-left:15px}
 body.it82-premium .it82-benefit-grid{gap:10px}
 body.it82-premium .it82-benefit{padding:16px}
}
@media(max-width:760px){
 body.it82-premium .header{height:70px}
 body.it82-premium .section{padding-top:62px;padding-bottom:62px}
 body.it82-premium .section-head{margin-bottom:25px}
 body.it82-premium .page-hero{padding-top:40px;padding-bottom:51px}
 body.it82-premium .page-hero h1{font-size:clamp(32px,8vw,44px);letter-spacing:-.04em}
 body.it82-premium .page-hero .page-lead{font-size:15px;line-height:1.7}
 body.it82-premium .home-v966-copy{padding-top:25px}
 body.it82-premium .home-v966-copy h1{font-size:clamp(38px,9vw,51px)}
 body.it82-premium .home-v966-copy .lead{font-size:16px;line-height:1.65}
 body.it82-premium .hero{padding-top:26px}
 body.it82-premium .hero-badges span{font-size:10px}
 body.it82-premium .it82-premium-visual{padding:9px;margin:4px 0 30px;border-radius:20px}
 body.it82-premium .it82-visual-title{font-size:20px}
 body.it82-premium .trust-strip{grid-template-columns:1fr;gap:0}
 body.it82-premium .trust-strip>div{padding:12px 0}
 body.it82-premium .trust-strip>div+div{border-left:0;border-top:1px solid rgba(213,236,252,.13);padding-left:0}
 body.it82-premium .it82-benefit-band{padding:45px 0}
 body.it82-premium .it82-benefit-grid{grid-template-columns:1fr}
 body.it82-premium .hero .actions,body.it82-premium .page-hero .actions{flex-direction:column;align-items:stretch}
 body.it82-premium .hero .actions .btn,body.it82-premium .page-hero .actions .btn{width:100%;white-space:normal;text-align:center}
 body.it82-premium .menu-toggle{border-radius:10px;background:#edf6ff}
 body.it82-premium .footer{gap:35px}
}
@media(max-width:480px){
 body.it82-premium .home-v966-copy h1{font-size:37px}
 body.it82-premium .it82-visual-head{padding:13px}
 body.it82-premium .it82-visual-title{padding:19px 16px 4px}
 body.it82-premium .it82-visual-sub{padding:0 16px}
 body.it82-premium .it82-visual-cards{padding:12px}
 body.it82-premium .it82-visual-row{padding:11px}
 body.it82-premium .it82-benefit{padding:16px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body.it82-premium *,body.it82-premium *::before,body.it82-premium *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 body.it82-premium [data-it82-reveal]{opacity:1!important;transform:none!important}
}
@media print{body.it82-premium [data-it82-reveal]{opacity:1!important;transform:none!important}body.it82-premium .it82-premium-visual{box-shadow:none;transform:none}body.it82-premium .header{position:static}}