/* Refonte autonome de l'accueil RP Informatique Saintes */
:root{--bleu:#083a80;--nuit:#08234c;--texte:#172944;--clair:#f4f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--texte);font:17px/1.5 "Segoe UI",Arial,sans-serif}a{color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1460px;margin:auto;padding:14px 4.5%;min-height:100px}.logo img{width:390px;max-width:100%;height:auto;display:block}.navigation{display:flex;align-items:center;gap:34px}.navigation a{text-decoration:none;color:var(--nuit);font-weight:600;white-space:nowrap}.navigation a:hover,.navigation a.active{color:#075cad}.navigation a.active{border-bottom:3px solid #075cad;padding-bottom:10px}.phone-top,.btn{background:linear-gradient(120deg,#06429c,#0865b8);color:white!important;border-radius:40px;padding:13px 25px;text-decoration:none;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px}.phone-top{font-size:19px}.hero{background:linear-gradient(105deg,#f8fbfe,#eaf3fa 60%,#e0eff8);min-height:465px;overflow:hidden}.hero-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:51% 49%;align-items:stretch}.hero-copy{padding:55px 0 110px 6.5%;position:relative;z-index:1}.hero h1{font-size:clamp(37px,4.15vw,66px);letter-spacing:-.04em;line-height:1.1;color:var(--nuit);margin:0 0 20px;font-weight:800}.hero p{font-size:clamp(18px,1.65vw,25px);line-height:1.38;margin:0 0 30px;max-width:610px}.buttons{display:flex;flex-wrap:wrap;gap:16px}.btn{font-size:19px;min-width:220px}.btn-outline{background:#fff;color:var(--bleu)!important;border:2px solid #0863b5}.hero-visual{background-image:linear-gradient(to right,#eaf3fa 0%,transparent 13%),url('../images/ordinateur-accueil.jpg');background-size:auto,auto 88%;background-repeat:no-repeat;background-position:center,right center;min-height:465px}.services{position:relative;max-width:1440px;margin:-64px auto 0;padding:0 3.3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service{display:flex;align-items:center;gap:22px;background:white;border-radius:25px;padding:28px 24px;min-height:155px;box-shadow:0 10px 38px #143d6b18;border:1px solid #e7edf5}.service-icon{width:82px;height:82px;flex:none;color:#0762b0}.service h2{color:var(--bleu);font-size:clamp(20px,1.6vw,27px);line-height:1.16;margin:0 0 10px}.service p{font-size:17px;line-height:1.4;margin:0}.about{max-width:1430px;margin:0 auto;padding:75px 5% 70px;display:grid;grid-template-columns:27% 43% 30%;gap:0;align-items:center}.about-art img{display:block;max-width:90%;width:270px;height:auto}.about-copy{padding:0 35px;border-left:1px solid #9ab1c9}.about h2{color:var(--bleu);font-size:clamp(25px,2.1vw,35px);line-height:1.2;margin:0 0 16px}.about p{font-size:19px;line-height:1.45;margin:0}.benefits{padding-left:20px;list-style:none;margin:0}.benefits li{display:flex;align-items:center;gap:15px;margin:12px 0;font-size:18px}.benefits svg{width:30px;height:30px;color:#0759a6;flex:none}.contact{background:#f1f7fc;text-align:center;padding:55px 20px}.contact h2{font-size:30px;color:var(--bleu);margin:0 0 12px}.contact p{margin:0 0 24px}.footer{padding:25px;text-align:center;background:#fff;color:#486079;font-size:14px}.footer a{color:#0759a6}.btn:hover,.phone-top:hover{filter:brightness(1.1)}a:focus-visible{outline:3px solid #0b75c9;outline-offset:4px}@media(max-width:1120px){.topbar{flex-wrap:wrap}.logo img{width:320px}.navigation{gap:18px}.phone-top{font-size:16px}.hero-copy{padding-left:6%}.service{padding:20px;gap:12px}.service-icon{width:60px;height:60px}.about{grid-template-columns:25% 45% 30%}}@media(max-width:760px){.topbar{padding:16px 5%;gap:16px}.logo img{width:280px}.navigation{order:3;width:100%;justify-content:space-between;gap:12px;overflow-x:auto}.navigation a{font-size:14px}.phone-top{margin-left:auto;font-size:14px;padding:10px 15px}.hero-inner{display:flex;flex-direction:column}.hero-copy{padding:38px 6% 35px}.hero-visual{min-height:250px;background-size:auto,auto 95%;background-position:center,right center}.hero h1{font-size:clamp(35px,8vw,52px)}.hero p{font-size:19px}.services{margin:0;grid-template-columns:1fr;padding:20px;gap:15px}.service{min-height:110px}.about{grid-template-columns:1fr;padding:30px 6%}.about-art{display:none}.about-copy{border:0;padding:0}.benefits{padding:12px 0 0}.buttons .btn{min-width:0}.contact{padding:35px 20px}}
/* Page partenaires */
.partner-hero{background:#eef7fc;padding:75px 7%;text-align:center}.partner-hero h1{font-size:clamp(2rem,4vw,3.2rem);color:#164775;margin-bottom:16px}.partner-hero p{font-size:1.1rem;color:#405c70;max-width:680px;margin:auto}.partner-section{max-width:1050px;margin:65px auto;padding:0 28px}.partner-card{background:white;border:1px solid #dcebf4;border-radius:20px;padding:48px;display:grid;grid-template-columns:1fr 1.4fr;gap:45px;align-items:center;box-shadow:0 12px 35px rgba(30,74,110,.07)}.eset-visual{background:linear-gradient(145deg,#e9fbf9,#f5fbff);border-radius:16px;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#087d79}.eset-word{font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:-.07em}.eset-caption{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.partner-copy h2{font-size:2rem;color:#164775;margin-bottom:15px}.partner-copy p{line-height:1.8;margin-bottom:20px;color:#4b6171}.partner-note{font-size:.8rem;color:#667;margin-top:18px;text-align:center}@media(max-width:720px){.partner-card{grid-template-columns:1fr;padding:24px}.partner-hero{padding:50px 20px}}
