:root{--ink:#101f1a;--green:#1f6b4f;--green-dark:#174d3a;--lime:#d6f59a;--paper:#f7faf8;--muted:#626f69;--line:#e2eae6;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1080px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{height:68px;display:flex;align-items:center;justify-content:space-between}.logo img{display:block;width:176px;height:auto}.logo-night{display:none!important}.navlinks{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:750}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;font-weight:850;cursor:pointer}.nav-cta{padding:10px 15px;background:var(--ink);color:#fff}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}.theme-sun{display:none}.theme-moon{display:block}
.page-hero{padding:62px 0 58px;text-align:center;color:#fff;background:radial-gradient(circle at 12% 22%,rgba(214,245,154,.19),transparent 23%),radial-gradient(circle at 90% 80%,rgba(69,147,109,.34),transparent 28%),linear-gradient(135deg,#173f32,#24684f 52%,#0d2f25)}.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.11);font-size:12px;font-weight:850}.page-hero h1{max-width:850px;margin:17px auto 14px;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.055em}.page-hero p{max-width:700px;margin:0 auto;color:#e1f0e9;font-size:18px}.page-hero .actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:23px}.button{padding:13px 20px}.primary{background:var(--lime);color:var(--ink)}.outline{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.1);color:#fff}
section{padding:54px 0}.soft{background:var(--paper)}.section-head{text-align:center;max-width:760px;margin:0 auto 28px}.section-head h2{margin:0 0 9px;font-size:clamp(29px,4vw,42px);line-height:1.08;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:15px}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:940px;margin:auto}.price-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(18,24,54,.05)}.price-card.featured{border:2px solid var(--green)}.badge{position:absolute;right:16px;top:16px;padding:5px 9px;border-radius:999px;background:var(--lime);font-size:10px;font-weight:900;text-transform:uppercase}.price-card h2{margin:0 0 4px;font-size:24px}.price-card>p{margin:0;color:var(--muted);font-size:13px}.price{margin:10px 0 17px;font-size:34px;font-weight:900;letter-spacing:-.04em}.price small{font-size:12px;color:var(--muted)}.price-card ul{list-style:none;display:grid;gap:8px;margin:0 0 20px;padding:0;font-size:13px}.price-card li:before{content:"✓";margin-right:8px;color:var(--green);font-weight:900}.price-card .button{width:100%;background:#e6f2ec;color:var(--green-dark)}.price-card.featured .button{background:var(--green);color:#fff}
.calculator{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start;max-width:940px;margin:auto}.config{padding:8px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}.config details{border-bottom:1px solid var(--line)}.config details:last-child{border:0}.config summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;list-style:none;font-weight:900}.config summary::-webkit-details-marker{display:none}.config summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f3ed;color:var(--green);font-size:19px}.config details[open] summary:after{content:"−"}.options{display:grid;gap:9px;padding-bottom:18px}.option{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.option:has(input:checked){border-color:var(--green);background:#edf7f1}.option input{width:auto;margin-top:3px;accent-color:var(--green)}.option-copy{display:flex;justify-content:space-between;gap:13px;width:100%;font-size:13px}.option-copy small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}.option-copy b{white-space:nowrap}.total{position:sticky;top:88px;padding:24px;border-radius:18px;background:var(--ink);color:#fff;box-shadow:0 15px 35px rgba(8,39,28,.17)}.total h2{margin:0 0 4px;font-size:24px}.total>p{margin:0 0 20px;color:#c9ddd4;font-size:12px}.total-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0}.total-line span{color:#c9ddd4;font-size:12px}.total-line strong{font-size:27px}.total-line b{font-size:13px}.guarantee{margin:16px 0 2px;padding:10px;border:1px solid rgba(214,245,154,.28);border-radius:10px;background:rgba(214,245,154,.08);color:#e9ffd0;font-size:11px;text-align:center}.guarantee b{display:block;font-size:13px}.total .button{width:100%;margin-top:13px;background:var(--lime);color:var(--ink)}.note{margin:10px 0 0;color:#b9cec4;font-size:10px;text-align:center}
.faq{max-width:820px;margin:auto}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:850}.faq p{margin:8px 0 0;color:var(--muted);font-size:13px}.contact{background:linear-gradient(135deg,#e8f3ed,#fbfdfc 60%,#f1f8f4)}form{max-width:740px;margin:auto;padding:28px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 13px 40px rgba(8,39,28,.09)}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}label{display:block;margin-bottom:5px;font-size:13px;font-weight:800}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d5dfda;border-radius:9px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(31,107,79,.18);border-color:var(--green)}form .button{width:100%;background:var(--green);color:#fff}.fine{margin:10px 0 0;text-align:center;color:var(--muted);font-size:11px}.hidden{position:absolute;left:-9999px}
.case{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:center}.case-image{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#111}.case-image img{display:block;width:100%;height:auto}.case-copy h2{margin:7px 0 11px;font-size:clamp(30px,4vw,43px);line-height:1.04;letter-spacing:-.04em}.kicker{color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.case-copy p{color:var(--muted)}.points{list-style:none;display:grid;gap:8px;padding:0;margin:18px 0}.points li:before{content:"✓";margin-right:8px;color:var(--green);font-weight:900}.case-copy .button{background:var(--green);color:#fff}.content{max-width:820px;margin:auto}.content h2{margin:30px 0 8px;font-size:27px;letter-spacing:-.025em}.content p{color:var(--muted)}
footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footerline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}.footer-logo{justify-self:start}.footer-logo img{display:block;width:135px}.footer-meta{text-align:center;white-space:nowrap}.footer-actions{display:grid;justify-items:end;gap:7px}.footer-contact,.footerlinks{display:flex;justify-content:flex-end;gap:7px 15px;flex-wrap:wrap}.footer-contact a,.footerlinks a{white-space:nowrap}
html[data-theme="dark"]{--green:#3ca77a;--green-dark:#2b7a5c;--paper:#0e1a39;--muted:#aeb9d5;--line:#293759;--white:#111f42}html[data-theme="dark"] body{background:#0a1533;color:#f3f5ff}html[data-theme="dark"] header{background:rgba(10,21,51,.94)}html[data-theme="dark"] .logo-day{display:none!important}html[data-theme="dark"] .logo-night{display:block!important}html[data-theme="dark"] .theme-toggle{background:#15244a;color:#fff;border-color:#35456b}html[data-theme="dark"] .theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:block}html[data-theme="dark"] .nav-cta{background:var(--lime);color:#10162f}html[data-theme="dark"] .price-card,html[data-theme="dark"] .config,html[data-theme="dark"] form{background:#111f42;border-color:#293759}html[data-theme="dark"] .badge{background:#3ca77a;color:#071d17;box-shadow:0 0 0 1px rgba(127,211,173,.45)}html[data-theme="dark"] .option{border-color:#293759}html[data-theme="dark"] .option:has(input:checked){border-color:#4bb78a;background:#123b37}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0d1938;border-color:#354367;color:#fff}html[data-theme="dark"] .contact{background:#0e1a39}html[data-theme="dark"] footer{border-color:#293759}
@media(max-width:800px){.container{width:min(100% - 30px,1080px)}nav{height:62px}.navlinks a:not(.nav-cta){display:none}.logo img{width:154px}.nav-cta{padding:9px 13px}.page-hero{padding:48px 0}.page-hero h1{font-size:clamp(37px,12vw,53px)}.page-hero p{font-size:16px}section{padding:42px 0}.price-grid,.calculator,.case{grid-template-columns:1fr}.price-card{padding:22px}.total{position:static}.row{grid-template-columns:1fr;gap:0}form{padding:21px 17px}.footerline{grid-template-columns:1fr;justify-items:center;text-align:center;gap:13px}.footer-logo,.footer-actions{justify-self:center}.footer-actions{justify-items:center}.footer-contact,.footerlinks{justify-content:center}.footer-meta{white-space:normal}.case-copy{padding:0 4px}}

/* Direction éditoriale Webillico */
header{background:var(--white);backdrop-filter:none}
.nav-cta,.button,.theme-toggle,.eyebrow,.price-card,.badge,.config,.config summary:after,.option,.total,.guarantee,form,input,select,textarea,.case-image{border-radius:0}
.price-card,.config,.total,form{box-shadow:none}
.page-hero{padding:72px 0;text-align:left;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--ink)}
.page-hero .container{padding-left:30px;border-left:8px solid var(--green)}
.page-hero .eyebrow{padding:0;border:0;background:transparent;color:var(--green);letter-spacing:.1em;text-transform:uppercase}
.page-hero h1{max-width:850px;margin:18px 0 14px}
.page-hero p{max-width:700px;margin:0;color:var(--muted)}
.page-hero .actions{justify-content:flex-start}
.page-hero .primary{background:var(--green);color:#fff}
.page-hero .outline{border:1px solid var(--ink);background:transparent;color:var(--ink)}
.section-head{max-width:none;margin:0 0 28px;text-align:left}
.price-grid{max-width:none;gap:12px}
.price-card{border-color:#cfd9d4}
.price-card.featured{border:1px solid var(--green);border-top:6px solid var(--green)}
.calculator{max-width:none;grid-template-columns:minmax(0,1fr) 350px;gap:14px}
.config{border:1px solid #cfd9d4}
.option{border-color:#cfd9d4}
.total{border:1px solid var(--ink)}
.contact{background:var(--paper)}
form{border:2px solid var(--ink)}
.case{gap:34px}
.case-image{box-shadow:none}
html[data-theme="dark"] .page-hero{background:#0e1a39;color:#f3f5ff;border-color:#34476d}
html[data-theme="dark"] .page-hero .eyebrow{color:#7fd3ad}
html[data-theme="dark"] .page-hero .outline{border-color:#697a9f;color:#f3f5ff}
html[data-theme="dark"] form{border-color:#48617e}
@media(max-width:800px){.page-hero{padding:52px 0}.page-hero .container{padding-left:18px;border-left-width:5px}.calculator{grid-template-columns:1fr}.section-head{text-align:left}}
