:root{--brand:#04c8f3;--brand-dark:#078eae;--ink:#002229;--ink2:#00313b;--body:#33474b;--muted:#64777b;--paper:#fff;--mist:#f4f9fa;--line:#dbe7e9;--good:#11845a;--warn:#c24f32;--radius:18px;--shadow:0 20px 55px rgba(0,34,41,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font-family:"Open Sans",system-ui,sans-serif;line-height:1.62}a{color:inherit}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",system-ui,sans-serif;color:var(--ink);letter-spacing:-.035em}h1{font-size:clamp(2.65rem,7vw,5.5rem);line-height:.98;margin-bottom:1.45rem}h2{font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.07;margin-bottom:1rem}h3{font-size:1.2rem;line-height:1.25}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,100%);margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:#087d98;font:700 .78rem/1 "Open Sans";letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:3px;background:var(--brand);border-radius:3px}.fine{font-size:.82rem;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.94rem 1.38rem;border-radius:9px;background:var(--brand);color:var(--ink);font-weight:800;text-decoration:none;border:1px solid var(--brand);cursor:pointer;transition:.2s;box-shadow:0 8px 24px rgba(4,200,243,.2)}.button:hover{background:#13bfe4;transform:translateY(-2px)}.button.ghost{background:#fff;border-color:#b8d9df;box-shadow:none}.actions{display:flex;gap:.8rem;flex-wrap:wrap}
.hero{position:relative;overflow:hidden;padding:clamp(5rem,10vw,8.5rem) 0 5.5rem;background:radial-gradient(48rem 34rem at 91% 2%,rgba(4,200,243,.17),transparent 65%)}.hero:after{content:"W";position:absolute;right:-.03em;top:-.38em;font:800 min(46vw,650px)/1 "Manrope";color:rgba(4,200,243,.045)}.hero-inner{position:relative;z-index:1;max-width:1040px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.13em;background:var(--brand);border-radius:100%;transform:rotate(-1.2deg)}.lead{font-size:clamp(1.05rem,2vw,1.28rem);max-width:820px;color:#425b60;margin-bottom:2rem}.freedom{display:block;margin-top:1rem;color:var(--muted);font-size:.84rem}.trust-row{margin-top:2.2rem;display:flex;gap:1.1rem 2rem;flex-wrap:wrap;color:var(--ink);font-size:.9rem;font-weight:700}.trust-row span:before{content:"✓";color:var(--good);margin-right:.48rem}
section{padding:clamp(3.8rem,6.5vw,5.7rem) 0}.intro{text-align:center;margin-bottom:3rem}.proof,.calculator,.insight{background:var(--mist)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.proof-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;box-shadow:0 8px 28px rgba(0,34,41,.04)}.proof-card.winner{border:2px solid var(--brand);box-shadow:var(--shadow)}.kicker{font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#087d98}.proof-card h3{font-size:1.65rem;margin:.45rem 0 1.2rem}.proof-card ul{list-style:none;margin:0;padding:0}.proof-card li{position:relative;padding:.7rem 0 .7rem 1.7rem;border-bottom:1px solid #edf2f3}.proof-card li:last-child{border:0}.proof-card li:before{content:"•";position:absolute;left:.25rem;color:#718387;font-weight:800}.proof-card.winner li:before{content:"✓";left:0;color:var(--good)}.ribbon{position:absolute;right:1.1rem;top:1.1rem;padding:.33rem .65rem;background:var(--brand);color:var(--ink);border-radius:99px;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.evidence{background:var(--ink2);color:#dce9eb}.evidence h2,.evidence h3{color:#fff}.evidence .eyebrow{color:#91e4f5}.evidence-grid,.insight-grid,.switch-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:start}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:1.4rem;background:#fff;color:var(--body);border-radius:14px}.stat strong{display:block;color:var(--ink);font:800 clamp(1.7rem,4vw,2.8rem)/1 "Manrope";margin-bottom:.55rem}.stat span{font-size:.86rem}.stat.wide{grid-column:1/-1}.stat-source{display:block;margin-top:.45rem;color:#708489;font-size:.72rem}
.calc-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(2.2rem,6vw,6rem);align-items:center}.calc-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(1.4rem,4vw,2.4rem);box-shadow:var(--shadow)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field label{display:block;color:var(--ink);font-size:.76rem;font-weight:800;margin-bottom:.38rem}.field input,.field select{width:100%;border:1px solid #bcd0d4;border-radius:9px;padding:.82rem .8rem;font-weight:700;color:var(--ink);background:#fff}.field input:focus,.field select:focus{outline:3px solid rgba(4,200,243,.18);border-color:var(--brand-dark)}.optimal-note{display:block;margin-top:.35rem;color:var(--muted);font-size:.72rem}.result{margin-top:1.15rem;padding:1.25rem;border-radius:13px;background:#eefafd;border-left:5px solid var(--brand)}.result-label{display:block;font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#087d98}.result strong{display:block;margin:.25rem 0;font:800 clamp(2.1rem,5vw,3.5rem)/1 "Manrope";color:var(--ink)}.saving-percent{display:inline-flex;margin:.25rem 0 .55rem;padding:.25rem .58rem;border-radius:99px;background:var(--brand);color:var(--ink);font-size:.75rem;font-weight:800}.result span:not(.result-label):not(.saving-percent){display:block}.result-detail,.ads-breakdown{margin-top:.45rem;font-weight:700;color:var(--ink)}.calc-note{font-size:.78rem;color:var(--muted);margin:.8rem 0 0}.mini-steps{display:grid;gap:.78rem;margin-top:1.6rem}.mini-step{display:flex;gap:.8rem}.mini-step b{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--ink);font-family:"Manrope"}
.plan-inclusions{margin-top:.45rem;padding:.7rem .8rem;border:1px solid #cce0e4;border-radius:8px;background:#f4fafb;color:#455d62;font-size:.72rem;line-height:1.4}.plan-inclusions strong{display:block;color:var(--ink);margin-bottom:.35rem}.plan-inclusions ul{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin:0;padding-left:1rem}
.table-shell{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(0,34,41,.06)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:1.24rem 1.35rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--ink2);color:#fff;font-family:"Manrope";font-size:.9rem}th:first-child{width:22%}th:nth-child(2),th:nth-child(3){width:39%}td:first-child{font-weight:700;color:var(--ink);font-size:.9rem}td:nth-child(2){background:#f2fcfe}tr:last-child td{border-bottom:0}.cell-title{display:block;color:var(--ink);font-weight:700;margin-bottom:.15rem}.badge{display:inline-flex;margin-top:.42rem;padding:.2rem .52rem;background:#e7f7f1;color:#0b7752;border-radius:99px;font-size:.7rem;font-weight:800}.badge.warn{background:#fff0ec;color:#a53e25}
.signal-list,.checklist{display:grid;gap:.85rem}.signal{padding:1.2rem 1.3rem;background:#fff;border:1px solid var(--line);border-radius:13px}.signal strong,.check strong{display:block;color:var(--ink)}.checklist{counter-reset:item}.check{position:relative;padding:1.2rem 1.25rem 1.2rem 3.8rem;background:#fff;border:1px solid var(--line);border-radius:13px}.check:before{counter-increment:item;content:counter(item);position:absolute;left:1rem;top:1rem;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink2);color:#fff;font:800 .85rem "Manrope"}.identity-box{padding:2rem;background:var(--ink2);color:#dce9eb;border-radius:var(--radius)}.identity-box h3{color:#fff;font-size:1.55rem}.question-card{padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:13px}.question-card strong{display:block;color:var(--ink);font-size:1.02rem}.question-card span{display:block;margin-top:.3rem;color:var(--muted);font-size:.82rem}
.verdict{text-align:center;background:linear-gradient(180deg,#fff,#f4fbfc)}.verdict-box{padding:clamp(2rem,5vw,4rem);background:#fff;border:2px solid var(--brand);border-radius:24px;box-shadow:var(--shadow)}.verdict-box p{max-width:790px;margin-inline:auto;font-size:1.1rem}.verdict-box .actions{justify-content:center;margin-top:1.7rem}.sources{padding-top:2rem;padding-bottom:5rem}.sources details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.1rem 0}.sources summary{cursor:pointer;color:var(--ink);font-weight:700}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-top:1.3rem;font-size:.82rem}.source-grid a{color:#087d98;overflow-wrap:anywhere}
@media(max-width:860px){.proof-grid,.evidence-grid,.insight-grid,.switch-grid,.calc-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.table-shell{border:0;overflow:visible;box-shadow:none}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}tr{margin-bottom:1rem;border:1px solid var(--line);border-radius:14px;overflow:hidden}td:first-child{background:var(--ink2);color:#fff}td:nth-child(2):before{content:"Weberly"}td:nth-child(3):before{content:"Fournisseur actuel"}td:nth-child(2):before,td:nth-child(3):before{display:block;margin-bottom:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#087d98}.source-grid{grid-template-columns:1fr}}
@media(max-width:540px){.wrap{width:min(100% - 26px,1180px)}.hero{padding-top:4rem}h1{font-size:2.2rem}.underline{white-space:normal;text-decoration:underline;text-decoration-color:var(--brand)}.underline:after{display:none}.button{width:100%}.proof-card,.identity-box{padding:1.4rem}.ribbon{position:static;display:inline-flex;margin-bottom:.7rem}.stat-grid,.plan-inclusions ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}