:root{--ink:#0f1d2c;--muted:#536170;--line:#dde4ec;--line-strong:#c5d0dc;--paper:#fff;--surface:#fff;--soft:#eef3f8;--accent:#0272bc;--accent-strong:#015a94;--accent-soft:#e3eff8;--deep:#0b2136;--deep-2:#12304d;--deep-line:#22405f;--deep-text:#e8eff6;--deep-muted:#9fb3c8;--deep-accent:#6fb7ea;--ok:#17734a;--ok-soft:#e3f3ea;--warn-soft:#fbf5e6;--navy-950:#081a2b;--navy-900:var(--deep);--navy-800:var(--deep-2);--navy-700:var(--deep-line);--on-dark:var(--deep-text);--on-dark-muted:var(--deep-muted);--accent-on-dark:var(--deep-accent);--display:"Inter Tight", "Inter", "Segoe UI", system-ui, sans-serif;--body:"Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, "Courier New", monospace;--wordmark:"Ultra", "Rockwell Extra Bold", Georgia, serif;--radius:6px;--shadow:0 1px 2px #15191e0d, 0 8px 24px #15191e0f;--container:1200px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased;margin:0}img,svg{max-width:100%}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-strong)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;letter-spacing:-.025em;color:var(--ink);margin:0;font-weight:600;line-height:1.15}h1{font-size:clamp(2.1rem,4.2vw,3.4rem)}h2{font-size:clamp(1.65rem,2.8vw,2.3rem)}h3{font-size:1.3rem}p{margin:0}.mono{font-family:var(--mono)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:#fff;z-index:200;border-radius:6px;padding:10px 14px;position:absolute;top:-60px;left:16px}.skip-link:focus{color:#fff;top:12px}.container{width:min(var(--container), 100% - 48px);margin-inline:auto}@media (width<=600px){.container{width:calc(100% - 32px)}}.eyebrow{font:500 .78rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:block}.on-dark .eyebrow,.eyebrow.on-dark{color:var(--accent-on-dark)}.lead{color:var(--muted);max-width:62ch;font-size:1.15rem}.btn{min-height:46px;font:600 .95rem/1 var(--body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);color:#fff}.btn-dark{background:var(--deep);color:#fff}.btn-dark:hover{background:var(--deep-2);color:#fff}.btn-ghost-light{color:#fff;background:0 0;border-color:#ffffff59}.btn-ghost-light:hover{color:#fff;border-color:#fff}.band-deep{background:var(--deep);color:var(--deep-text)}.band-deep h1,.band-deep h2,.band-deep h3{color:#fff}.band-deep .lead,.band-deep p{color:var(--deep-muted)}.band-deep .eyebrow{color:var(--deep-accent)}.band-blue{background:var(--accent);color:#fff}.band-blue h2,.band-blue h3{color:#fff}.band-blue p,.band-blue .lead{color:#d7e9f7}.band-blue .eyebrow{color:#cfe6f8}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-outline:hover{border-color:var(--ink);color:var(--ink)}.btn-light{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-light:hover{border-color:var(--ink);color:var(--ink)}.btn-whatsapp{color:#fff;background:#1f8f4e}.btn-whatsapp:hover{color:#fff;background:#18773f}.btn-sm{min-height:38px;padding:0 14px;font-size:.88rem}.btn svg{flex-shrink:0;width:18px;height:18px}.utility{background:var(--deep);color:var(--deep-muted);font-size:.84rem}.utility .container{justify-content:space-between;align-items:center;gap:16px;min-height:36px;display:flex}.utility a{color:var(--deep-text);text-decoration:none}.utility a:hover{color:#fff;text-decoration:underline}.utility-links{align-items:center;gap:20px;display:flex}.site-header{z-index:50;color:var(--ink);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.header-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;min-height:76px;display:grid}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand-mark{flex-shrink:0;width:44px;height:auto;display:block}.brand-name{font:400 1.6rem/1 var(--wordmark);letter-spacing:.01em;color:var(--accent);display:block}.brand-sub{font:500 .64rem/1.2 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-top:5px;display:block}@media (width>=900px){.site-header .brand{gap:16px}.site-header .brand-mark{width:62px}.site-header .brand-name{font-size:2.5rem}.site-header .brand-sub{font-size:.72rem}}.search-form{justify-self:center;width:100%;max-width:560px;display:flex;position:relative}.search-form input{border:1px solid var(--line);background:var(--soft);width:100%;height:44px;color:var(--ink);font:.95rem var(--body);border-radius:4px;padding:0 110px 0 42px;transition:border-color .15s,background .15s}.search-form input::placeholder{color:#7d8b99}.search-form input:focus{border-color:var(--accent);background:var(--surface);outline:none;box-shadow:0 0 0 3px #0272bc24}.search-form .search-icon{stroke:#7d8b99;fill:none;stroke-width:2px;pointer-events:none;width:20px;height:20px;position:absolute;top:12px;left:14px}.search-form button{background:var(--accent);color:#fff;height:36px;font:600 .86rem var(--body);cursor:pointer;border:0;border-radius:3px;padding:0 14px;position:absolute;top:4px;right:4px}.search-form button:hover{background:var(--accent-strong)}.header-actions{align-items:center;gap:10px;display:flex}.quote-link{position:relative}.quote-count{min-width:22px;height:22px;color:var(--ink);font:700 .78rem/22px var(--body);text-align:center;background:#fff;border-radius:11px;padding:0 6px}.menu-toggle{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;width:46px;height:46px;display:none}.main-nav{border-top:1px solid var(--line)}.main-nav ul{align-items:center;gap:2px;min-height:46px;margin:0 auto;padding:0;list-style:none;display:flex}.main-nav a{color:var(--muted);white-space:nowrap;padding:12px 14px;font-size:.93rem;font-weight:500;text-decoration:none;display:block}.main-nav a:hover{color:var(--ink)}.main-nav li:first-child a{padding-left:0}.main-nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.main-nav .nav-cta{margin-left:auto}.main-nav .nav-cta a{color:var(--accent)}@media (width<=1180px) and (width>=981px){.main-nav a{padding:12px 10px}.main-nav .nav-cta a{font-size:0}.main-nav .nav-cta a:after{content:"Envoyer une liste →";font-size:.93rem}}@media (width<=980px){.header-main{grid-template-columns:auto auto;gap:14px;padding:12px 0}.search-form{grid-area:2/1/auto/-1;max-width:none}.menu-toggle{place-items:center;display:inline-grid}.quote-link .label,.main-nav{display:none}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:stretch;padding:8px 0 14px}.main-nav .nav-cta{margin-left:0}.utility-links .hide-mobile{display:none}}@media (width<=600px){.utility .tagline{display:none}.utility .container{justify-content:flex-end}.brand-sub{display:none}}.band-dark{background:var(--soft);color:var(--ink)}.band-dark .lead{color:var(--muted)}.section{padding:88px 0}.section-tight{padding:56px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.section-head p{color:var(--muted);max-width:52ch}.traces{background-image:url(/brand/traces.svg);background-position:right -40px center;background-repeat:no-repeat;background-size:auto 130%}.page-hero{background-color:var(--deep);color:var(--deep-text);padding:56px 0}.page-hero h1{color:#fff;max-width:26ch;font-size:clamp(2rem,3.6vw,2.9rem)}.page-hero .lead{color:var(--deep-muted);margin-top:14px}.page-hero .eyebrow{color:var(--deep-accent)}.page-hero .btn-light{color:#fff;background:0 0;border-color:#ffffff59}.page-hero .btn-light:hover{border-color:#fff}.breadcrumb{color:var(--deep-muted);margin-bottom:18px;font-size:.88rem}.breadcrumb ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:#4d6782;margin-right:6px}.breadcrumb a{color:var(--deep-text);text-decoration:none}.breadcrumb a:hover{color:#fff;text-decoration:underline}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card h3{margin-bottom:8px}.card p{color:var(--muted)}a.card{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}a.card:hover{border-color:var(--ink);color:inherit}.card-meta{font:500 .85rem var(--mono);color:var(--accent-strong);justify-content:space-between;align-items:center;margin-top:16px;display:flex}.family-card{grid-template-columns:52px 1fr;align-items:start;gap:16px;display:grid}.family-card .icon{background:var(--soft);width:52px;height:52px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.family-card .icon svg{width:32px;height:32px}.family-card h3{font-size:1.15rem}.family-card p{margin-top:4px;font-size:.93rem}.table-tools{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.field{color:var(--muted);gap:6px;font-size:.88rem;font-weight:600;display:grid}.field input,.field select,.field textarea{font:1rem var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;width:100%;min-height:44px;padding:10px 12px}.field textarea{resize:vertical;min-height:120px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #0272bc24}.field-hint{color:var(--muted);font-size:.85rem;font-weight:400}.table-tools .field{flex:200px;min-width:200px}.table-tools .count{color:var(--muted);margin-left:auto;padding-bottom:10px;font-size:.92rem}.ref-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.ref-table{border-collapse:collapse;width:100%;font-size:.95rem}.ref-table th,.ref-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.ref-table thead th{background:var(--soft);font:600 .8rem var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);position:sticky;top:0}.ref-table tbody tr:hover{background:#fafaf8}.ref-table tbody tr:last-child td,.ref-table tbody tr:last-child th{border-bottom:0}.ref-name{font:600 1rem var(--mono);color:var(--accent-strong);text-decoration:none}.ref-name:hover{text-decoration:underline}.ref-equiv{font:.82rem var(--mono);color:var(--muted);margin-top:2px;display:block}.pkg{font:500 .82rem var(--mono);background:var(--soft);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:3px;padding:3px 8px;display:inline-block}.specs{font:.88rem var(--mono);color:var(--ink)}.qty-add{justify-content:flex-end;gap:8px;display:flex}.qty-add input{border:1px solid var(--line-strong);width:72px;min-height:38px;font:.95rem var(--body);text-align:center;border-radius:6px;padding:0 8px}.add-btn.is-added{background:var(--ok-soft);color:var(--ok);border-color:#a9d8bf}.table-empty{text-align:center;color:var(--muted);padding:32px}@media (width<=760px){.ref-table thead{display:none}.ref-table,.ref-table tbody,.ref-table tr,.ref-table td,.ref-table th{width:100%;display:block}.ref-table tr{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:6px 12px;padding:14px 16px;display:grid}.ref-table th,.ref-table td{border:0;padding:0}.ref-table .col-ref{grid-column:1}.ref-table .col-pkg{text-align:right;grid-area:1/2}.ref-table .col-desc,.ref-table .col-specs{color:var(--muted);grid-column:1/-1;font-size:.92rem}.ref-table .col-add{grid-column:1/-1;margin-top:6px}.qty-add{justify-content:stretch}.qty-add .btn{flex:1}.table-tools .count{margin-left:0}}.help-band{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px;display:grid}.help-band h3{margin-bottom:6px}.help-band p{color:var(--muted)}.help-band .actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=760px){.help-band{grid-template-columns:1fr}}.prose{max-width:70ch;font-size:1.06rem}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:1.8em;font-size:1.7rem}.prose h3{margin-top:1.5em;font-size:1.3rem}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 12px}.prose th{background:var(--soft)}.prose code{font:.92em var(--mono);background:var(--soft);border-radius:3px;padding:1px 5px}.note{background:var(--warn-soft);border:1px solid #ecd9a8;border-radius:6px;padding:14px 16px;font-size:.95rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.form-status{margin-top:14px;font-size:.95rem}.form-status.ok{color:var(--ok);background:var(--ok-soft);border:1px solid #a9d8bf;border-radius:6px;padding:12px 14px;font-weight:500}.form-status.error{color:#a3261b}.form-status:empty{display:none}.field input[type=file]{background:var(--surface);cursor:pointer;height:auto;padding:10px}.btn[aria-busy=true]{opacity:.7;cursor:progress}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.site-footer{color:var(--deep-muted);background:#081a2b;padding:64px 0 28px;font-size:.94rem}.site-footer a{color:var(--deep-text);text-decoration:none}.site-footer .brand-name{color:#fff}.site-footer .brand-sub,.site-footer p{color:var(--deep-muted)}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}.footer-grid h2{font:600 .8rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#fff;margin-bottom:14px}.footer-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-bottom{border-top:1px solid var(--deep-line);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;font-size:.85rem;display:flex}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:100;border-radius:6px;max-width:calc(100% - 32px);padding:12px 18px;font-size:.95rem;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.mobile-actions{display:none}@media (width<=760px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-actions{z-index:60;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff7;grid-template-columns:1fr 1.3fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0f1d2c14}.mobile-actions a{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.mobile-actions a.primary{background:var(--accent);border-color:var(--accent);color:#fff}.mobile-actions svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.mobile-actions .quote-count{color:var(--accent)}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}@media print{.mobile-actions{display:none!important}}.toast a{color:#8cc4ec;margin-left:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.utility,.site-footer,.toast,.help-band{display:none}body{background:#fff}}.preview-bar{color:#6b4a00;text-align:center;background:#fff4d6;border-bottom:1px solid #ecd9a8;padding:8px 16px;font-size:.88rem}.datasheet-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.datasheet-sub{color:var(--muted);max-width:64ch;margin-top:6px;font-size:.93rem}.datasheet-table th[scope=row]{width:46%;font-weight:500}.datasheet-cond{color:var(--muted);margin-top:2px;font-size:.8rem;font-weight:400;display:block}.datasheet-page{color:var(--muted);white-space:nowrap;font-size:.86rem}.datasheet-note{background:var(--soft);border-radius:var(--radius);color:var(--muted);margin-top:16px;padding:12px 14px;font-size:.88rem}.datasheet-pending{border-left:3px solid var(--line-strong);background:var(--soft);color:var(--muted);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 40px;padding:14px 18px;font-size:.92rem}@media (width<=640px){.datasheet-head .btn{width:100%}.datasheet-table thead{display:none}.datasheet-table,.datasheet-table tbody,.datasheet-table tr{display:block}.datasheet-table tr{border-bottom:1px solid var(--line);padding:12px 4px}.datasheet-table th,.datasheet-table td{border:0;width:auto;padding:0;display:block}.datasheet-table td.mono{margin-top:4px;font-size:1.02rem}.datasheet-page{margin-top:2px}}.datasheet-pending p{margin:0}.datasheet-externe{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.88rem;display:flex;margin-top:8px!important}.datasheet-externe a{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:2px 10px;font-weight:500;text-decoration:none;display:inline-block}.datasheet-externe a:hover{border-color:var(--accent)}
