@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f2efe8;--ink: #111111;--ink-soft: #3b3934;--muted: #67635b;--tint: #e7e2d6;--white: #ffffff;--yellow: #ffd400;--red: #ff5b2e;--blue: #2e4bff;--error: #b3261e;--ok: #0a6b3b;--rule: 3px solid var(--ink);--cat: var(--yellow);--cat-ink: var(--ink);--cat-em-bg: var(--ink);--cat-em-fg: var(--yellow);--cat-hover: var(--yellow);--cat-hover-ink: var(--ink);--font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;--font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--c-bg: var(--paper);--c-surface: var(--white);--c-ink: var(--ink);--c-ink-soft: var(--ink-soft);--c-muted: var(--muted);--c-line: var(--ink);--c-line-soft: var(--tint);--c-accent: var(--ink);--c-accent-deep: var(--ink);--c-error: var(--error);--radius: 0px;--radius-lg: 0px;--shadow: none}body[data-cat=conversion]{--cat: var(--yellow);--cat-ink: var(--ink);--cat-em-bg: var(--ink);--cat-em-fg: var(--yellow);--cat-hover: var(--yellow);--cat-hover-ink: var(--ink)}body[data-cat=texte]{--cat: var(--red);--cat-ink: var(--ink);--cat-em-bg: var(--ink);--cat-em-fg: var(--red);--cat-hover: var(--red);--cat-hover-ink: var(--ink)}body[data-cat=image]{--cat: var(--blue);--cat-ink: var(--white);--cat-em-bg: var(--ink);--cat-em-fg: var(--white);--cat-hover: var(--blue);--cat-hover-ink: var(--white)}body[data-cat=dev]{--cat: var(--ink);--cat-ink: var(--paper);--cat-em-bg: var(--yellow);--cat-em-fg: var(--ink);--cat-hover: var(--yellow);--cat-hover-ink: var(--ink)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;font-weight:450;line-height:1.55;padding-bottom:calc(120px + env(safe-area-inset-bottom))}@media(min-width:1024px){body{padding-bottom:0}}body.no-anchor{padding-bottom:0}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--ink);text-decoration-thickness:4px}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:900;line-height:.95;color:inherit}h3{font-weight:800;line-height:1.15}p{margin:0 0 1em;color:var(--ink-soft)}strong{color:inherit;font-weight:800}code,kbd,pre{font-family:var(--font-mono)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--yellow);color:var(--ink);font-weight:800;text-decoration:none}.skip-link:focus{top:12px}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 16px}@media(min-width:720px){.container{padding:0 32px}}.site-header{position:sticky;top:0;z-index:30;background:var(--ink);color:var(--paper)}.header-inner{display:flex;align-items:center;gap:16px;height:60px;padding:0 16px}@media(min-width:720px){.header-inner{padding:0 32px}}.brand{display:inline-flex;align-items:center;gap:12px;margin-right:auto;color:var(--paper);text-decoration:none}.brand:hover{color:var(--yellow)}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:2px}.brand-mark i{width:9px;height:9px;background:var(--yellow)}.brand-mark i:nth-child(2){background:var(--red)}.brand-mark i:nth-child(3){background:var(--blue)}.brand-mark i:nth-child(4){background:var(--paper)}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:900;font-stretch:125%;letter-spacing:.02em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:4px}.nav a{display:inline-flex;align-items:center;gap:8px;height:60px;padding:0 12px;color:var(--paper);font-size:13px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.nav a[data-dot]:before{content:"";width:10px;height:10px;flex:none;background:var(--dot)}.nav a[data-dot=conversion]{--dot: var(--yellow)}.nav a[data-dot=texte]{--dot: var(--red)}.nav a[data-dot=image]{--dot: var(--blue)}.nav a[data-dot=dev]{--dot: var(--paper)}.nav a:hover,.nav a[aria-current=true]{color:var(--paper);box-shadow:inset 0 -4px 0 var(--yellow)}.header-tag{padding:6px 10px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}@media(max-width:1023px){.header-tag{display:none}}.nav-toggle{display:none;width:44px;height:44px;padding:0;background:transparent;border:2px solid var(--paper);color:var(--paper);cursor:pointer;align-items:center;justify-content:center}.nav-toggle:hover{background:var(--paper);color:var(--ink)}.hamburger,.hamburger:before,.hamburger:after{display:block;width:18px;height:2px;background:currentColor;transition:transform .2s ease,opacity .15s ease,top .2s ease .05s}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}.nav-toggle[aria-expanded=true] .hamburger{background:transparent}.nav-toggle[aria-expanded=true] .hamburger:before{top:0;transform:rotate(45deg);transition:top .2s ease,transform .2s ease .05s}.nav-toggle[aria-expanded=true] .hamburger:after{top:0;transform:rotate(-45deg);transition:top .2s ease,transform .2s ease .05s}.nav-backdrop{position:fixed;inset:0;z-index:20;background:#1111118c;opacity:0;pointer-events:none;transition:opacity .2s ease}@media(min-width:721px){.nav-backdrop{display:none}}.site-header.nav-open~.nav-backdrop{opacity:1;pointer-events:auto}@media(max-width:720px){.nav-toggle{display:inline-flex}.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:4px 16px 16px;background:var(--ink);border-top:2px solid #333;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.nav a{height:auto;padding:18px 4px;border-bottom:1px solid #333;font-size:16px}.nav a:hover,.nav a[aria-current=true]{box-shadow:none;color:var(--yellow)}.site-header.nav-open .nav{opacity:1;transform:translateY(0);pointer-events:auto}}.page-grid{flex:1;display:block}.ad-rail{display:none}@media(min-width:1280px){.page-grid:not(.no-rails){display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:24px;padding:0 24px}.ad-rail{display:block}.ad-rail-inner{position:sticky;top:84px}.page-grid:not(.no-rails) .layout.container{max-width:none;padding:0}}.layout{padding-top:20px;padding-bottom:72px}@media(min-width:720px){.layout{padding-top:28px;padding-bottom:96px}}.breadcrumbs,.tool-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.breadcrumbs a,.tool-breadcrumbs a{color:var(--ink);text-decoration:none}.breadcrumbs a:hover,.tool-breadcrumbs a:hover{text-decoration:underline}.hero,.seo-hero{display:flex;flex-direction:column;gap:18px;padding:28px 20px 32px;background:var(--cat);color:var(--cat-ink);border:var(--rule)}@media(min-width:720px){.hero,.seo-hero{padding:40px 40px 44px}}.hero p,.seo-hero p{color:inherit}.eyebrow{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:12px;height:12px;flex:none;background:currentColor}.hero h1,.seo-hero h1{max-width:24ch;font-size:clamp(44px,7.2vw,104px);font-stretch:62%;line-height:.95;text-transform:uppercase}.hero h1 em,.seo-hero h1 em,h2 em{font-style:normal;padding:0 .08em;background:linear-gradient(var(--hl-bg),var(--hl-bg)) 0 45% / 100% .86em no-repeat;color:var(--hl-fg);-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero h1 em,.seo-hero h1 em{--hl-bg: var(--cat-em-bg);--hl-fg: var(--cat-em-fg)}h2 em{--hl-bg: var(--cat);--hl-fg: var(--cat-ink)}.lede{margin:0;max-width:62ch;font-size:clamp(17px,1.5vw,20px);font-weight:500;line-height:1.45}.card{margin-top:32px;padding:24px 18px;background:var(--white);border:var(--rule)}@media(min-width:720px){.card{margin-top:48px;padding:36px 40px 40px}}.hero+.card,.seo-hero+.card{margin-top:0;border-top:0}.card>h2{margin-bottom:24px;font-size:clamp(34px,4.4vw,60px);font-stretch:62%;text-transform:uppercase}.card.info,.card.faq{padding:24px 0 0;background:transparent;border:0;border-top:var(--rule)}@media(min-width:960px){.card.info,.card.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;align-items:start;padding-top:32px}.card.info>h2,.card.faq>h2{grid-column:1;grid-row:1 / span 40;position:sticky;top:88px}.card.info>:not(h2),.card.faq>:not(h2){grid-column:2}}.card.info>p{max-width:70ch}.fields{display:grid;gap:16px}@media(min-width:720px){.fields.cols-2{grid-template-columns:1fr 1fr;gap:20px}}.field{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.field-label{color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field input:not([type=range]):not([type=checkbox]),.field select,.field textarea{width:100%;min-height:56px;margin:0;padding:12px 14px;font:inherit;font-size:18px;font-weight:600;color:var(--ink);background:var(--white);border:2px solid var(--ink);border-radius:0;outline:none;transition:box-shadow .12s}.field input[type=number]{font-family:var(--font-display);font-size:30px;font-weight:800}.field textarea{min-height:170px;font-size:17px;font-weight:500;line-height:1.5;resize:vertical}.field select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 5l5 5 5-5' fill='none' stroke='%23111111' stroke-width='2.5'/></svg>");background-repeat:no-repeat;background-position:right 16px center}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 4px var(--cat),0 0 0 6px var(--ink)}.field input:disabled{background:var(--tint);color:var(--muted);cursor:not-allowed}.field input::placeholder,.field textarea::placeholder{color:#8c877d}input[type=range]{width:100%;height:32px;margin:0;accent-color:var(--ink)}input[type=checkbox]{accent-color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;font:inherit;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--paper);background:var(--ink);border:3px solid var(--ink);border-radius:0;cursor:pointer;transition:background .12s,color .12s,transform .06s}.btn:hover{color:var(--cat-hover-ink);background:var(--cat-hover)}.btn:active{transform:translateY(2px)}.btn-ghost{color:var(--ink);background:transparent}.btn-ghost:hover{color:var(--paper);background:var(--ink)}.result{margin-top:28px;padding-top:24px;border-top:var(--rule)}.result-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .2em;margin:0;font-family:var(--font-display);font-size:clamp(64px,11vw,150px);font-weight:900;font-stretch:62%;line-height:.85;color:var(--ink);overflow-wrap:anywhere}.result[data-state=filled] .result-value>span:first-child{padding:0 .06em;background:var(--cat);color:var(--cat-ink)}.result-value .unit{font-size:.4em;font-weight:800;font-stretch:87%}.result[data-state=empty] .result-value{color:#cfc9bc}.result-note{margin:16px 0 0;color:var(--ink-soft);font-size:16px;font-weight:600}.result-ad{margin-top:8px}.faq details{border-bottom:2px solid var(--ink)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;list-style:none;cursor:pointer;color:var(--ink);font-size:clamp(18px,1.6vw,21px);font-weight:800;line-height:1.25}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";display:grid;place-items:center;flex:none;width:36px;height:36px;border:2px solid var(--ink);font-size:24px;font-weight:700;line-height:1;transition:background .12s,color .12s}.faq summary:hover:after{background:var(--cat);color:var(--cat-ink)}.faq details[open] summary:after{content:"−";background:var(--ink);color:var(--paper)}.faq details>p{max-width:70ch;margin:0 0 22px}.info h3{margin:28px 0 12px;font-size:20px}.info .formula{margin:20px 0;padding:16px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:clamp(14px,1.3vw,17px);font-weight:600;color:var(--cat-ink);background:var(--cat);border:2px solid var(--ink)}.ranges{display:grid;margin:16px 0;padding:0;list-style:none;border-top:2px solid var(--ink)}.ranges li{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--ink);color:var(--ink-soft)}.ranges strong{min-width:110px;flex:none;color:var(--ink);font-weight:900}.swatch{display:inline-block;width:10px;height:10px;flex:none}.disclaimer{margin-top:24px;padding:14px 16px;border:2px dashed var(--ink);color:var(--muted);font-size:14px}.site-footer{margin-top:auto;background:var(--ink);color:var(--paper)}.marquee{overflow:hidden;border-bottom:2px solid #2b2b2b;color:var(--yellow)}.marquee-track{display:flex;width:max-content;animation:marquee 45s linear infinite}.marquee-track>span{display:inline-flex;align-items:center;gap:28px;padding:14px 28px 14px 0;font-family:var(--font-display);font-size:clamp(26px,3vw,40px);font-weight:900;font-stretch:62%;line-height:1;text-transform:uppercase;white-space:nowrap}.marquee-track b{font-size:.5em}@keyframes marquee{to{transform:translate(-50%)}}.footer-inner{display:flex;flex-direction:column;gap:32px;padding-top:40px;padding-bottom:28px}.footer-word{margin:0;color:var(--yellow);font-family:var(--font-display);font-size:clamp(72px,17vw,250px);font-weight:900;font-stretch:62%;line-height:.8;text-transform:uppercase}.footer-cols{display:grid;gap:28px}@media(min-width:900px){.footer-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}.footer-brand{margin:0 0 10px;color:var(--paper);font-size:20px;font-weight:700;line-height:1.35}.footer-privacy{max-width:56ch;margin:0;color:#bdb8ad;font-size:15px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-content:start}.footer-links a{padding:12px 0;border-bottom:1px solid #333;color:var(--paper);font-size:14px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.footer-links a:hover{color:var(--yellow)}.footer-copy{margin:0;color:#bdb8ad;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ad-anchor{position:fixed;bottom:0;left:0;right:0;z-index:50;min-height:90px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:var(--rule)}.ad-anchor-close{position:absolute;top:-18px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--ink);border:0;color:var(--paper);font-size:20px;line-height:1;cursor:pointer}.ad-anchor-close:hover{background:var(--yellow);color:var(--ink)}@media(min-width:1024px){.ad-anchor{display:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
