.web-page{--web-accent:#b8e4d4;--web-bg:#111715;--web-muted:#b8c6bf;--web-border:#34483e;color:#f3f6f4;background:var(--web-bg);letter-spacing:0}.web-page *{letter-spacing:0}.web-page [hidden]{display:none!important}.web-page main{overflow:clip}.web-page .web-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.web-page h1,.web-page h2,.web-page h3{font-family:Inter,system-ui,sans-serif;letter-spacing:0;color:#f3f6f4;line-height:1.15}.web-page h1{font-size:52px;max-width:800px}.web-page h2{font-size:32px;max-width:850px}.web-page h3{font-size:21px}.web-page p{line-height:1.7;color:var(--web-muted);max-width:78ch}.web-page a{color:var(--web-accent)}.web-page .web-kicker{font:600 12px/1.5 monospace;text-transform:uppercase;color:var(--web-accent);margin:0 0 16px}.web-hero{position:relative;min-height:560px;display:flex;align-items:center;background:#15251e url('/assets/web-offers/site-example.webp?v=1') center right/cover no-repeat;isolation:isolate}.web-hero:before{content:'';position:absolute;inset:0;background:rgba(8,17,13,.88);z-index:-1}.web-hero .web-wrap{padding:56px 0}.web-hero p{max-width:650px;font-size:18px}.web-hero .web-proofline{font-size:14px;margin-top:24px;color:#d5e9df}.web-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.web-page .web-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--web-accent);color:#13271e;padding:14px 20px;border:1px solid transparent;border-radius:5px;font-size:15px;font-weight:650;min-height:48px;text-decoration:none;cursor:pointer;line-height:1.4;text-align:center;white-space:normal}.web-page .web-button.secondary{background:transparent;border-color:#7b9788;color:#eff9f3}.web-page .web-button:disabled{opacity:.6;cursor:wait}.web-page :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #f5c394;outline-offset:4px}.web-strip{border-bottom:1px solid var(--web-border);background:#18231e}.web-strip .web-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;font-size:14px}.web-band{padding:62px 0;border-bottom:1px solid var(--web-border)}.web-band.light{background:#1b2721}.web-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.web-offer{border:1px solid #4b6255;border-radius:6px;padding:26px;display:flex;flex-direction:column;position:relative;background:#18231e}.web-offer.recommended{border:2px solid var(--web-accent);padding:25px}.web-offer .web-tag{font-size:12px;color:#e8c399;min-height:24px}.web-price{font-size:38px;font-weight:700;margin:4px 0;color:#fff}.web-price small{font-size:13px;font-weight:400;color:var(--web-muted)}.web-offer p{font-size:14px;min-height:48px}.web-offer ul{padding-left:18px;color:#d4e0d9;line-height:1.7;font-size:14px;margin-bottom:24px;flex:1}.web-offer li{margin-bottom:10px}.web-offer .web-button{width:100%}.web-note{font-size:13px;color:var(--web-muted);margin-top:16px}.web-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}.web-facts article{padding-top:18px;border-top:2px solid #b8e4d4}.web-facts article:nth-child(2){border-color:#ebc28e}.web-facts article:nth-child(3){border-color:#93bbd7}.web-facts p{font-size:15px}.web-example{margin:26px 0 0}.web-example img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--web-border);border-radius:6px}.web-example figcaption{font-size:13px;color:var(--web-muted);padding-top:12px}.web-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:process;margin-top:26px}.web-process article{border-top:1px solid #769381;padding-top:20px}.web-process article:before{counter-increment:process;content:'0' counter(process);font-size:13px;color:#ebc28e;display:block;margin-bottom:14px}.web-process p{font-size:14px}.web-order-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;margin-top:30px}.web-page fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.web-page legend{font-size:20px;font-weight:650;margin-bottom:18px;padding:0;color:#f3f6f4}.web-page label{display:block;font-size:14px;color:#e5eee8}.web-page :is(input:not([type=checkbox]),textarea,select){display:block;width:100%;max-width:100%;background:#101b15;color:#f1f6f3;border:1px solid #6b8475;border-radius:4px;padding:12px;font:inherit;min-height:48px;margin-top:7px}.web-page textarea{min-height:130px;resize:vertical}.web-page input::placeholder,.web-page textarea::placeholder{color:#9eb1a4}.web-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.web-fields .full{grid-column:1/-1}.web-option{display:grid!important;grid-template-columns:minmax(0,1fr) 84px;gap:12px;padding:16px 0;border-bottom:1px solid var(--web-border);align-items:center}.web-option small{display:block;font-size:12px;line-height:1.6;color:var(--web-muted);margin-top:5px}.web-option input[type=checkbox]{justify-self:end;width:22px;height:22px;accent-color:#aedcc7}.web-option select{margin:0!important}.web-check{display:flex!important;gap:12px;align-items:flex-start;margin:16px 0;line-height:1.6;font-size:13px!important}.web-check input{flex:none;width:20px;height:20px;margin:1px 0;accent-color:#aedcc7}.web-summary{position:sticky;top:160px;align-self:start;border:1px solid #638674;border-radius:6px;padding:24px;background:#1c2c23}.web-summary h3{font-size:22px}.web-summary dl{margin:20px 0}.web-summary dl>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #405749}.web-summary dt{font-size:13px;max-width:70%}.web-summary dd{margin:0;font-size:16px;white-space:nowrap}.web-summary .web-total dd{font-size:22px;color:#b8e4d4;font-weight:700}.web-summary p{font-size:13px}.web-summary .web-button{width:100%;margin-top:10px}.web-message{padding:16px;border-left:3px solid #b8e4d4;background:#22382b;color:#eef6f0;line-height:1.6;margin:18px 0}.web-message.error{border-color:#eda895;background:#3b2723}.web-page details{border-bottom:1px solid var(--web-border);padding:20px 0}.web-page summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.6}.web-page details p{margin-bottom:0}.web-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.web-links a{padding:7px 0;text-underline-offset:5px}.web-order-status{min-height:55vh;padding:70px 0}.web-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}.web-page .mobile-cta{display:none!important}.web-page .web-small{font-size:14px}.web-page .web-terms{max-width:850px;margin:auto;padding:48px 20px}.web-page .web-terms h1{font-size:36px}.web-page .web-terms h2{font-size:24px;margin-top:35px}.web-page .web-terms li{color:#c7d7cc;margin:12px 0;line-height:1.7}.web-page .wa-float{bottom:16px}.web-page .web-order-grid :is(h3,strong){overflow-wrap:anywhere}@media(max-width:1000px){.web-page h1{font-size:42px}.web-order-grid{grid-template-columns:minmax(0,1fr) 295px;gap:22px}.web-offer{padding:18px}.web-offer.recommended{padding:17px}.web-summary{padding:18px}.web-process{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.web-page .web-wrap{width:calc(100% - 32px)}.web-page h1{font-size:34px}.web-page h2{font-size:27px}.web-hero{min-height:470px}.web-hero .web-wrap{padding:34px 0}.web-hero p{font-size:16px}.web-strip .web-wrap{justify-content:start;font-size:12px;gap:8px 18px}.web-band{padding:38px 0}.web-offer-grid,.web-facts,.web-order-grid{grid-template-columns:1fr}.web-offer p{min-height:0}.web-summary{position:static;order:-1}.web-fields{grid-template-columns:1fr}.web-process{gap:20px}.web-actions .web-button{flex:1 1 200px}.web-page .wa-float{display:none!important}.web-order-grid{gap:24px}.web-price{font-size:34px}.web-page .web-terms h1{font-size:30px}.web-example img{aspect-ratio:auto}.web-option{grid-template-columns:minmax(0,1fr) 64px}}@media(prefers-reduced-motion:reduce){.web-page{scroll-behavior:auto}.web-page *{animation:none!important;transition:none!important}}
.web-page .web-hero{padding:0!important;min-height:420px;background-image:url('/assets/web-offers/responsive-showcase.webp?v=1');background-position:center;background-size:cover}
.web-page .web-hero::before{content:none!important}
.web-page .web-hero>.web-wrap{position:relative;z-index:1;padding:32px 0}
.web-page .web-hero h1{max-width:510px;font-size:44px!important}
.web-page .web-hero p{max-width:440px;font-size:16px;color:#f0f3f1}
.web-page .web-hero .web-kicker{font-size:12px;color:#cff4e5}
.web-page .web-hero .web-proofline{font-size:13px}
.web-hero-caption{position:absolute;bottom:8px;right:16px;font-size:10px;color:#e9eee9;background:#19221bd9;padding:3px 6px}
.web-page #projet,.web-page #offres{scroll-margin-top:220px}
.web-page main h2{font-size:32px!important}.web-page main h3{font-size:21px!important}
.web-page .wa-float,.web-page .ae-language-switcher{display:none!important}
@media(max-width:760px){.web-page .web-hero h1{font-size:32px!important}.web-page main h2{font-size:27px!important}.web-hero-caption{display:none}}
@media(max-width:1100px){.web-page .web-hero{background-position:left center}.web-page .web-hero h1,.web-page .web-hero p{max-width:440px}.web-page .web-hero h1{font-size:38px}}
@media(max-width:760px){.web-page .web-hero{min-height:460px;background-position:left center;background-size:auto 100%}.web-page .web-hero h1{font-size:32px}.web-page .web-hero h1,.web-page .web-hero p{max-width:100%}.web-page .web-hero>.web-wrap{background:#171e1ad9;padding:24px 16px;width:100%}.web-page .web-hero .web-actions{margin-top:16px}.web-page .web-hero .web-proofline{margin-top:16px}.web-page .web-summary [data-web-submit]{display:none}.web-page .web-form-actions{display:grid;grid-template-columns:1fr}.web-page #projet,.web-page #offres{scroll-margin-top:140px}}
