:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142431;background:#f4f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.wrap{max-width:1136px;margin:auto;padding:0 28px}.top{background:#123641;color:white}.top-inner{display:flex;justify-content:space-between;align-items:center;min-height:76px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.035em;font-size:22px}.brand small{display:block;font-size:9px;font-weight:650;letter-spacing:.18em;color:#a2ced1;margin-top:-2px}.mark{display:grid;place-items:center;width:37px;height:37px;border:2px solid #69d8ce;border-radius:10px;color:#69d8ce}.year{color:#c5d6da;font-size:14px}.intro{padding:56px 0 35px}.eyebrow,.smallcap{font-size:12px;letter-spacing:.15em;color:#1a797c;font-weight:800}.intro h1{font-size:clamp(32px,4.2vw,52px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 12px}.intro p{color:#53636c;margin:0;line-height:1.5;font-size:18px}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);gap:24px;align-items:start}.card,.result,.lca{background:white;border:1px solid #dce5e7;border-radius:20px;box-shadow:0 15px 50px rgba(19,54,65,.045)}.card{padding:30px}.cardhead,.result-top{display:flex;gap:16px;align-items:start;margin-bottom:26px}.step{width:35px;height:35px;flex:none;background:#d5f2ef;color:#116b6c;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:800}h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:2px 0 6px}.cardhead p{font-size:14px;color:#687982;margin:0}form{display:grid;gap:21px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:650;color:#263f48}input,select{display:block;width:100%;margin-top:8px;border:1px solid #cbd8dc;border-radius:10px;padding:12px 13px;min-height:48px;background:white;color:#142d37;outline:none}select:disabled{background:#edf2f3;color:#6c7e85}input:focus,select:focus{border-color:#168e91;box-shadow:0 0 0 3px #cceeea}label small{display:block;font-size:12px;line-height:1.4;font-weight:400;color:#667b83;margin-top:6px}.input-suffix{position:relative}.input-suffix input{padding-right:60px}.input-suffix span{position:absolute;right:13px;top:22px;color:#60747a;font-size:13px;font-weight:700}button{cursor:pointer;border:0}#submit{padding:16px 20px;border-radius:11px;background:#0a7779;color:white;font-weight:750;text-align:left;display:flex;justify-content:space-between;min-height:54px}#submit:hover:not(:disabled){background:#075f62}#submit:disabled{opacity:.56;cursor:wait}.error{padding:13px;border-radius:9px;background:#fff0ed;color:#963b33;font-size:14px}.aside-card{background:#123641;color:white;border-radius:20px;padding:32px;position:sticky;top:20px}.aside-icon{width:42px;height:42px;border-radius:12px;background:#2b6269;color:#8fe5d8;display:grid;place-items:center;font-size:25px}.aside-card h2{margin-top:24px}.aside-card p{color:#c1d3d7;line-height:1.6;font-size:14px}.aside-card .smallcap{color:#90d7d1}.aside-card a{color:#9ae4db;font-size:14px;font-weight:700}.rule{height:1px;background:#3c6168;margin:24px 0}.result,.lca{margin-top:24px;padding:32px;scroll-margin-top:20px}.result-top{align-items:center}.result-top h2{font-size:26px;margin-top:4px}.saving{background:#ddf4ef;border-radius:15px;padding:26px 28px;display:flex;flex-direction:column;align-items:flex-start}.saving-label{font-size:12px;color:#116967;font-weight:800;letter-spacing:.13em}.saving strong{font-size:clamp(36px,5vw,58px);line-height:1.2;letter-spacing:-.04em;color:#075f61}.saving span{color:#346e70}.compare{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:22px 0}.compare>div{background:#f5f8f9;border-radius:12px;padding:17px 20px}.compare small{display:block;color:#65767d;margin-bottom:8px}.compare strong{font-size:23px}.compare>span{font-size:24px;color:#218b89}.offer{font-weight:650}.fine{font-size:13px;color:#687c82;line-height:1.55}.secondary{background:#123641;color:white;border-radius:11px;padding:13px 20px;margin-top:16px;font-weight:700}.secondary:hover{background:#22525c}.lca p{line-height:1.55;color:#4f646e}.lca-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}footer{padding:30px 0 45px;color:#72848a;font-size:12px;line-height:1.6}footer a{color:#216c70}@media(max-width:780px){.wrap{padding:0 18px}.top-inner{min-height:66px}.year{font-size:12px}.intro{padding:35px 0 24px}.intro p{font-size:16px}.layout{grid-template-columns:1fr}.aside-card{position:static;padding:24px}.card,.result,.lca{padding:22px}.grid,.lca-grid{gap:17px}}@media(max-width:540px){.grid,.lca-grid{grid-template-columns:1fr}.year{display:none}.cardhead{margin-bottom:22px}.compare{gap:7px}.compare>div{padding:13px}.compare strong{font-size:17px}.compare small{font-size:11px}.compare>span{font-size:17px}.saving{padding:22px}}[hidden]{display:none!important}

/* Identité BCG */
:root{color:#211c16;background:#f7f6f2}.top,.aside-card{background:#080808}.top-inner{min-height:100px}.brand-logo{display:block;width:185px;height:82px;object-fit:contain;object-position:left center}.year{color:#e1c77b}.eyebrow,.smallcap{color:#9b6f22}.step{background:#f5e9c8;color:#765514}.card,.result{border-color:#e9e1d1;box-shadow:0 15px 45px #32250c0b}.aside-card p{color:#e4dfd5}.aside-card .smallcap,.aside-card a{color:#ead18e}.aside-icon{background:#292213;color:#e0bd65}.rule{background:#574928}input:focus,select:focus{border-color:#a88131;box-shadow:0 0 0 3px #f2e6c7}#submit,.primary{background:#a77b2a;color:white;border-radius:11px;padding:15px 20px;font-weight:750}#submit:hover:not(:disabled),.primary:hover{background:#855d1d}.secondary{background:#181818}.secondary:hover{background:#383027}.saving{background:#f8efd7}.saving strong,.saving-label{color:#785719}.saving span{color:#665130}.compare>span{color:#a77b2a}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.actions button{margin:0}.consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.consent input{width:19px;height:19px;min-height:19px;margin:2px 0 0;flex:none}dialog{border:1px solid #d8c699;border-radius:18px;max-width:520px;width:calc(100% - 32px);padding:28px;box-shadow:0 25px 70px #0006;color:#211c16}dialog::backdrop{background:#0009}footer a{color:#8a641e}@media(max-width:540px){.brand-logo{width:160px;height:72px}.actions button{width:100%}}
