@import url("logo-impact.css");
:root{--navy:#06142b;--blue:#254f8a;--silver:#dce3ee;--serif:"Playfair Display",Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#edf1f6;color:#edf3fb;font-family:var(--sans)}header{height:65px;background:#061226;padding:0 clamp(20px,8vw,130px);display:flex;align-items:center;justify-content:space-between}header a,header button{color:#dce7f7;text-decoration:none;font:700 10px var(--sans);background:transparent;border:0;cursor:pointer}main{padding:42px 18px}.invoice{width:min(900px,100%);margin:auto;background:radial-gradient(circle at 75% 10%,#193d71,#06142b 55%);border:1px solid #aebfd733;box-shadow:0 25px 70px #06152a66}.top{padding:28px 34px;display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #aebfd755}.top img{width:98px;height:98px;border-radius:50%;box-shadow:0 0 18px #e9f2ff7d}.top p{letter-spacing:.16em;font-size:9px;margin:0}.top h1{font:600 49px/1 var(--serif);letter-spacing:.08em;margin:4px 0}.top b{border:1px solid #ccd8e877;padding:7px 12px;font-size:12px}.top>div:last-child{display:grid;grid-template-columns:auto auto;gap:5px 12px;font-size:9px;color:#c6d3e4}.top>div:last-child strong{color:#fff}.parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 34px}.parties p{font-size:9px;letter-spacing:.13em;font-weight:800;margin:0 0 10px}.parties h2{font:600 23px var(--serif);margin:0 0 8px}.parties span{font-size:10px;line-height:1.7;color:#c6d3e4}.service{margin:0 34px;border:1px solid #aabbd466}.line{display:grid;grid-template-columns:.75fr 1.2fr 1.5fr .8fr;gap:10px;padding:14px;font-size:10px;border-bottom:1px solid #aabbd44a}.line.head{background:#12315e;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.line strong{font:600 16px var(--serif)}.totals{padding:26px 34px;display:grid;justify-content:end;gap:9px}.totals>span:not(.client-only){width:300px;padding:9px 14px;border-bottom:1px solid #b4c5da55;color:#eaf1fa;font:600 14px var(--serif);display:flex;justify-content:space-between}.totals>.total-ttc{padding:14px;background:#e7edf5;color:#142441;border:0;font-size:20px}.client-only{font-size:9px;color:#c3d1e4;width:300px;line-height:1.6}.internal{width:300px;display:grid;gap:5px;font-size:10px;color:#d4dfef}.internal span{display:flex;justify-content:space-between}.internal b{color:#fff}footer{border-top:1px solid #aabbd455;padding:15px 34px;font-size:9px;letter-spacing:.1em;color:#b6c5da}@media(max-width:650px){.top{grid-template-columns:75px 1fr;padding:23px}.top img{width:65px;height:65px}.top>div:last-child{grid-column:1/-1}.parties{grid-template-columns:1fr;padding:23px}.service{margin:0 20px}.line{grid-template-columns:1fr 1fr}.line.head span:nth-child(3),.line span:nth-child(3){display:none}.totals{padding:23px;justify-content:stretch}.totals>*{width:100%!important}}