:root{--violet: #5540C2;--violet-h: #3E2E96;--lilas: #CDBCEC;--lilas-bg: #EFEAF9;--garance: #BE3D2C;--garance-bg: #F9ECE9;--kraft: #E8E5D2;--regle: #DDD9F0;--ink: #33321C;--ink-soft: #4A492E;--paper: #FFFFFF;--sand: #F6F5EE;--sand-deep: #E8E5D2;--line: #E3E1D2;--line-strong: #D9D6C2;--ink-2: #55533A;--ink-3: #6D6B42;--muted: #726F50;--muted-dark: #A7A484;--on-ink: #F6F5EE;--on-ink-2: #B5B294;--terracotta: var(--violet);--terracotta-h: var(--violet-h);--terracotta-l: var(--lilas);--terracotta-bg: var(--lilas-bg);--civique: var(--violet);--civique-h: var(--violet-h);--juste: var(--violet);--juste-bg: var(--lilas-bg);--radius: 12px;--radius-btn: 10px;--radius-answer: 12px;--pill: 999px;--stamp: 3px 3px 0 var(--lilas);--stamp-press: 1px 1px 0 var(--lilas);--serif: "Familjen Grotesk", "Sora", system-ui, sans-serif;--sans: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Sora", system-ui, sans-serif;--hand: "Caveat", cursive}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{max-width:100%;height:auto}a{color:var(--violet);text-underline-offset:3px}a:hover{color:var(--violet-h)}.wrap{max-width:1060px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}.wrap-narrow{max-width:720px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}.col{max-width:760px}h1,h2,h3,.serif{font-family:var(--serif);font-weight:650;letter-spacing:-.03em}h1{font-size:clamp(34px,5.6vw,58px);line-height:1.02}h2{font-size:clamp(26px,3.6vw,38px);line-height:1.08}h3{font-size:clamp(22px,2.4vw,25px);line-height:1.18}h4{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.4}em.accent,.accent{color:var(--violet);font-style:normal}.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--violet);border-radius:2px;flex:none}.lead{font-size:clamp(16px,2vw,19px);line-height:1.65;color:var(--ink-2)}.small{font-size:14.5px;color:var(--ink-3)}.mono-note{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--ink-3);line-height:1.7}.annotation{font-family:var(--hand);font-size:clamp(22px,3vw,27px);font-weight:500;color:var(--violet);line-height:1.15}.stat{font-family:var(--serif);font-weight:650;font-size:clamp(44px,6vw,60px);line-height:1;letter-spacing:-.03em;color:var(--violet)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:36px;height:36px;flex:none;border-radius:50%;background:transparent;border:2.5px solid var(--violet);color:var(--violet);font-family:var(--serif);font-weight:700;font-size:17px;line-height:29px;text-align:center;letter-spacing:.02em;transform:rotate(-8deg)}.brand-lockup{display:block;font-family:var(--serif);font-weight:650;font-size:19px;line-height:1.05;letter-spacing:-.02em}.brand-lockup .l1{display:inline;color:var(--ink)}.brand-lockup .l2{display:inline;color:var(--violet)}.on-dark .brand-lockup .l1,.brand.on-dark .brand-lockup .l1{color:var(--on-ink)}.on-dark .brand-lockup .l2,.brand.on-dark .brand-lockup .l2{color:var(--lilas)}.on-dark .brand-mark,.brand.on-dark .brand-mark{border-color:var(--lilas);color:var(--lilas)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:15px 30px;border-radius:var(--radius-btn);border:none;background:var(--violet);color:var(--sand);font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:var(--stamp);transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:hover{background:var(--violet-h);color:var(--sand);box-shadow:var(--stamp-press);transform:translate(2px,2px)}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none}.btn.ghost:hover{background:var(--ink);color:var(--sand);box-shadow:none;transform:none}.btn.light{background:var(--lilas);color:var(--violet-h);box-shadow:none}.btn.light:hover{background:var(--sand);color:var(--violet-h);transform:none;box-shadow:none}.btn.sm{min-height:44px;padding:11px 20px;font-size:14px}@media(prefers-reduced-motion:reduce){.btn:hover,.btn:active{transform:none}}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,32px)}.card p{color:var(--ink-2)}a.card{text-decoration:none;color:inherit;display:block;transition:border-color .16s ease}a.card:hover{border-color:var(--violet);color:inherit}.card-dark{background:var(--ink);border-color:var(--ink);color:var(--on-ink);border-radius:18px}.card-dark h2,.card-dark h3{color:var(--on-ink)}.card-dark p{color:var(--on-ink-2)}.card-dark a:not(.btn){color:var(--lilas)}.card-dark .annotation{color:var(--lilas)}.tag-theme{display:inline-block;border:1.5px solid var(--violet);color:var(--violet);border-radius:var(--pill);padding:4px 14px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;background:transparent}.on-dark .tag-theme,.card-dark .tag-theme{border-color:var(--lilas);color:var(--lilas)}.tag{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-h);background:var(--lilas-bg);border-radius:var(--pill);padding:5px 12px;line-height:1.4}.tag.civique{color:var(--ink-3);background:var(--kraft)}.tag.juste{color:var(--violet-h);background:var(--lilas-bg)}.tampon{position:relative;display:inline-block;transform:rotate(-5deg);border:2.5px solid var(--violet);border-radius:6px;padding:7px 18px;color:var(--violet);font-family:var(--serif);font-weight:700;letter-spacing:.2em;font-size:14px;text-transform:uppercase;line-height:1.2}.tampon:before{content:"";position:absolute;inset:3px;border:1px solid currentColor;border-radius:3px}.tampon.garance{border-color:var(--garance);color:var(--garance);transform:rotate(3deg)}.tampon.olive{border-color:var(--ink-3);color:var(--ink-3);transform:rotate(-4deg)}.tampon.sm{font-size:10px;padding:3px 9px;border-width:2px;letter-spacing:.16em}.tampon.sm:before{inset:2px}.onglets{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}.onglets+.onglets-regle,.onglets-regle{height:2px;background:var(--ink-3);border-radius:2px}.onglet{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 100%,0 100%);background:var(--kraft);color:var(--ink-3);padding:9px 20px;font-size:12.5px;font-weight:600;border:none;cursor:pointer;font-family:var(--sans);line-height:1.3}.onglet.actif,.onglet[aria-selected=true]{background:var(--lilas);color:var(--ink)}.copie-reglee{position:relative;border:1px solid var(--line);border-radius:10px;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 28px,var(--regle) 28px 29px);padding:20px 24px 20px 52px;line-height:29px}.copie-reglee:before{content:"";position:absolute;top:0;bottom:0;left:36px;width:1.5px;background:var(--garance)}.grille-40{display:flex;gap:4px;flex-wrap:wrap}.grille-40 .case{width:16px;height:22px;border-radius:3px;background:var(--paper);border:1.5px solid var(--line-strong)}.grille-40 .case.pleine{background:var(--violet);border-color:var(--violet)}.grille-40 .case.seuil{border:2px solid var(--garance)}.site-header{background:var(--sand);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0}.nav{display:flex;align-items:center;gap:4px}.nav a:not(.btn){color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;padding:10px 12px;border-radius:var(--radius-btn);line-height:1.4}.nav a:not(.btn):hover{color:var(--violet-h);background:var(--paper)}.nav .btn{margin-left:10px}.site-footer{background:var(--ink);color:var(--on-ink-2);margin-top:clamp(56px,9vw,100px);padding:44px 0 48px}.site-footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px 44px}.site-footer .eyebrow{color:var(--muted-dark);margin-bottom:4px}.site-footer .eyebrow:before{background:var(--lilas)}.site-footer a{color:var(--on-ink-2);text-decoration:none;font-size:13.5px;display:block;margin-top:9px}.site-footer a:hover{color:var(--lilas)}.site-footer .brand-mark{border-color:var(--lilas);color:var(--lilas)}.site-footer .brand-lockup .l1{color:var(--on-ink)}.site-footer .brand-lockup .l2{color:var(--lilas)}.disclaimer{font-size:12.5px;letter-spacing:.01em;color:var(--on-ink-2);line-height:1.7;max-width:460px;margin-top:18px}.disclaimer a{display:inline;margin:0;color:var(--lilas)}.footer-legal{margin-top:34px;padding-top:20px;border-top:1px solid var(--ink-soft);display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.footer-legal a{margin-top:0;font-size:13px;color:var(--muted-dark)}.footer-legal .mono-note{color:var(--muted-dark)}.section{padding:clamp(44px,7vw,84px) 0 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:880px){.grid3,.grid2,.site-footer .cols{grid-template-columns:1fr}}.prose{font-size:16px;line-height:1.75;color:var(--ink)}.prose h2{margin:46px 0 14px}.prose h3{margin:30px 0 8px}.prose h4{margin:24px 0 6px}.prose p,.prose ul,.prose ol{margin:16px 0;color:var(--ink-2)}.prose>p:first-of-type,.prose strong{color:var(--ink)}.prose li{margin:8px 0;color:var(--ink-2)}.prose a{color:var(--violet)}.prose table,.table{border-collapse:collapse;width:100%;margin:22px 0;font-size:15px;background:var(--paper);border:1px solid var(--line)}.prose th,.prose td,.table th,.table td{border-bottom:1px solid var(--line);padding:13px 16px;text-align:left;vertical-align:top;color:var(--ink-2)}.prose th,.table th{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--sand);white-space:normal}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0}.table-scroll>table{margin:0;min-width:440px}@media(max-width:620px){.table-scroll>table{min-width:0}.prose table,.table{font-size:14px}.prose th,.prose td,.table th,.table td{padding:10px 9px}.prose th,.table th{font-size:11px;letter-spacing:.1em}.prose th[scope=row],.table th[scope=row]{font-size:13.5px!important}}.prose blockquote{border-left:3px solid var(--violet);background:var(--lilas-bg);border-radius:0 10px 10px 0;padding:16px 22px;margin:26px 0;color:var(--ink-2)}.prose .note,.note{font-size:12.5px;line-height:1.7;letter-spacing:.01em;color:var(--ink-3)}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--sand-deep);border-radius:3px;padding:1px 6px;font-size:.88em}.figure{margin:30px 0}.figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 8px 24px #33321c1a}.figure figcaption{margin-top:10px;font-size:12.5px;color:var(--ink-3);text-align:center}.answers{list-style:none;padding:0;margin:14px 0 0}.answer{display:flex;align-items:flex-start;gap:12px;border:1.5px solid var(--line);border-radius:var(--radius-answer);background:var(--paper);padding:14px 18px;margin-top:9px;color:var(--ink-2);font-size:15.5px;line-height:1.5}.answer .letter{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink-3);line-height:1.6;flex:none}.answer.is-right{border:2px solid var(--violet);background:var(--lilas-bg);color:var(--ink);font-weight:600}.answer.is-right .letter{color:var(--violet)}.answer.is-wrong{border-color:var(--garance);background:var(--garance-bg)}.answer.is-wrong .letter{color:var(--garance)}.answer .check{color:var(--violet);font-family:var(--hand);font-size:21px;font-weight:500;margin-left:auto;flex:none;white-space:nowrap}.question-list{columns:2;column-gap:32px;margin:18px 0 0;padding-left:22px;font-size:14.5px;line-height:1.7}.question-list li{break-inside:avoid;margin:0 0 10px}.question-list a{color:var(--ink-2)}.question-list a:hover{color:var(--violet)}@media(max-width:640px){.question-list{columns:1}}details.faq{border-bottom:1px solid var(--line);background:transparent}details.faq summary{cursor:pointer;font-weight:600;font-size:16.5px;line-height:1.5;padding:20px 4px;min-height:44px;list-style:none;display:flex;justify-content:space-between;gap:14px;color:var(--ink)}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--violet);font-size:20px;font-weight:400;flex:none}details.faq[open] summary:after{content:"·"}details.faq[open] summary{color:var(--violet-h)}details.faq .a{padding:0 4px 20px;color:var(--ink-2);font-size:14.5px;line-height:1.65}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media(max-width:880px){.price-grid{grid-template-columns:1fr}}.price-card{position:relative}.price-card.featured{background:var(--ink);border-color:var(--ink);color:var(--on-ink);border-radius:18px}.price-card.featured p{color:var(--on-ink-2)}.price-card.featured .tag{background:var(--ink-soft);color:var(--lilas)}.price-amount{font-family:var(--serif);font-weight:650;font-size:clamp(48px,7vw,64px);line-height:1;letter-spacing:-.03em;color:var(--ink)}.price-card.featured .price-amount{color:var(--on-ink)}.price-card.plain .price-amount{color:var(--ink)}.price-unit{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.price-card.featured .price-unit{color:var(--muted-dark)}.check-list{list-style:none;padding:0;margin:18px 0 0}.check-list li{position:relative;padding-left:26px;margin:11px 0;font-size:15px;line-height:1.6;color:var(--ink-2)}.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--violet);font-weight:700}.price-card.featured .check-list li{color:var(--on-ink)}.price-card.featured .check-list li:before{color:var(--lilas)}.check-list.neutral li:before{content:"·";color:var(--muted);font-size:22px;line-height:1.1}.cell-yes{color:var(--violet);font-weight:600}.cell-no{color:var(--ink-3)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--ink);color:var(--on-ink);padding:10px 18px;border-radius:var(--radius-btn);z-index:99}:focus-visible{outline:2.5px solid var(--violet);outline-offset:3px;border-radius:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.nav a:not(.btn){display:none}.brand-mark{width:32px;height:32px;font-size:15px;line-height:27px}.brand-lockup{font-size:17px}}@media(max-width:420px){.nav .btn{font-size:13px;padding:11px 16px;min-height:44px}}