:root{--ink: #18181b;--ink-2: #27272a;--line: #3f3f46;--cream: #fafaf9;--bone: #f4f4f5;--paper: #ffffff;--gold: #ea580c;--gold-2: #f97316;--red: #dc2626;--muted: #71717a;--muted-2: #a1a1aa;--hair: color-mix(in oklab, #18181b 10%, transparent);--hair-2: color-mix(in oklab, #18181b 18%, transparent);--ink-3: #3f3f46;--display: "Bricolage Grotesque", "Geist", sans-serif;--sans: "Geist", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1320px;--narrow: 980px;--gutter: clamp(20px, 4vw, 36px)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;line-height:1.5}html{overflow-x:clip}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}::-moz-selection{background:var(--ink);color:var(--cream)}::selection{background:var(--ink);color:var(--cream)}img{max-width:100%;display:block}.display{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.02}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500}.ital{font-style:italic;font-family:var(--display)}.gold{color:var(--gold)}.red{color:var(--red)}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.narrow{max-width:var(--narrow);margin:0 auto;padding:0 var(--gutter)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:14px;line-height:1;transition:transform .15s,background .2s,color .2s,border-color .2s;border:1px solid transparent;white-space:nowrap;cursor:pointer;font-family:var(--sans)}.btn:hover{transform:translateY(-1px)}.btn-ink{background:var(--ink);color:var(--cream)}.btn-ink:hover{background:#1a1a1d}.btn-gold{background:var(--gold);color:#fff;box-shadow:inset 0 -2px #0000002e,0 8px 24px -8px #ea580c80}.btn-gold:hover{background:var(--gold-2)}.btn-cream{background:var(--cream);color:var(--ink)}.btn-cream:hover{background:#fff}.btn-outline-ink{border-color:var(--ink);color:var(--ink)}.btn-outline-ink:hover{background:var(--ink);color:var(--cream)}.btn-outline-cream{border-color:color-mix(in oklab,var(--cream) 30%,transparent);color:var(--cream)}.btn-outline-cream:hover{background:var(--cream);color:var(--ink)}.btn-lg{padding:18px 28px;font-size:15.5px}@media (max-width: 480px){.btn{padding:13px 18px;font-size:13.5px}.btn-lg{padding:15px 22px;font-size:14.5px}}.arrow{display:inline-block;width:11px;height:11px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-bottom:1px}.nav{position:fixed;inset:0 0 auto 0;z-index:50;padding:16px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .25s ease,background .25s ease,padding .25s ease;background:color-mix(in oklab,var(--cream) 88%,transparent);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px)}.nav.dark{color:var(--cream);background:color-mix(in oklab,var(--ink) 78%,transparent)}.nav .brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.02em;min-width:0}.nav .brand .mark{width:28px;height:28px;border-radius:7px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;border:1px solid var(--ink);flex-shrink:0;transition:background .25s,color .25s,border-color .25s;font-family:var(--display)}.nav.dark .brand .mark{background:var(--gold);color:#fff;border-color:transparent}.nav .brand .dot{color:var(--gold)}.nav .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav .right{display:flex;align-items:center;gap:18px;font-size:13.5px}.nav .right .mono{opacity:.7}.nav .right .header-link-mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:inherit;opacity:.8;padding:8px 4px;transition:opacity .15s}.nav .right .header-link-mono:hover{opacity:1}.nav .right .logout-form{display:inline-block;margin:0}.nav .right .logout-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:inherit;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;padding:8px 6px;border-radius:6px;transition:opacity .15s,background .15s}.nav .right .logout-btn:hover{opacity:1}.nav.dark .right .logout-btn:hover{background:#ffffff14}@media (max-width: 600px){.nav .right .logout-label{display:none}.nav .right .logout-btn{padding:8px;opacity:.85}}.nav .btn{padding:10px 16px;font-size:13px}@media (max-width: 860px){.nav .right .mono{display:none}}@media (max-width: 600px){.nav{padding:12px var(--gutter)}.nav .brand{font-size:14px}.nav .brand-name{max-width:160px}.nav .right{gap:8px}.nav .right .header-link-mono{display:none}.nav .btn{padding:10px 14px;font-size:12.5px}}@media (max-width: 380px){.nav .brand-name{display:none}}.site-footer{background:#0a0a0b;color:color-mix(in oklab,var(--cream) 60%,transparent);padding:56px 0 28px;font-size:13px}.site-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.4fr 1.4fr;gap:40px;margin-bottom:36px}.site-footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.site-footer-col li a{color:color-mix(in oklab,var(--cream) 65%,transparent);transition:color .15s}.site-footer-col li a:hover{color:var(--gold)}.site-footer-h{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--cream);margin-bottom:14px}.site-footer-brand p{margin:0 0 18px;font-size:13px;line-height:1.55;color:color-mix(in oklab,var(--cream) 60%,transparent)}.site-footer-cta{display:inline-block;color:var(--gold);font-weight:600;font-size:13.5px;transition:opacity .15s}.site-footer-cta:hover{opacity:.75}.site-footer-legal{padding-top:24px;border-top:1px solid color-mix(in oklab,var(--cream) 12%,transparent);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11.5px;color:color-mix(in oklab,var(--cream) 50%,transparent)}.site-footer-legal a{color:inherit}.site-footer-legal a:hover{color:var(--gold)}@media (max-width: 860px){.site-footer{padding:44px 0 24px}.site-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 480px){.site-footer-grid{grid-template-columns:1fr;gap:28px}.site-footer-legal{flex-direction:column;gap:8px}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.form-card{background:var(--paper);border:1px solid color-mix(in oklab,var(--ink) 14%,transparent);border-radius:16px;padding:32px;max-width:480px}.form-row{display:block;margin-bottom:18px}.form-row .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px;font-weight:500}.input{width:100%;padding:12px 14px;border:1px solid color-mix(in oklab,var(--ink) 18%,transparent);background:#fff;border-radius:10px;font:inherit;color:var(--ink);outline:none;transition:border-color .15s}.input:focus{border-color:var(--ink)}.alert-error{background:color-mix(in oklab,var(--red) 10%,transparent);border:1px solid color-mix(in oklab,var(--red) 35%,transparent);color:var(--red);padding:12px 14px;border-radius:10px;font-size:13.5px;margin-bottom:16px}.helper{font-size:13.5px;color:var(--muted);margin-top:16px}.helper a{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--ink) 25%,transparent)}.section{padding:clamp(80px,10vw,140px) 0}.section.cream{background:var(--cream)}.section.paper{background:var(--paper)}.section.ink{background:var(--ink);color:var(--cream)}.section .head{margin-bottom:clamp(28px,4vw,48px)}.label-row{display:flex;align-items:center;gap:14px;color:var(--muted)}.label-row .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--gold)}.label-row .line{flex:0 0 60px;height:1px;background:color-mix(in oklab,var(--ink) 18%,transparent)}.label-row.dark .line{background:color-mix(in oklab,var(--cream) 30%,transparent)}.label-row .ttl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.h2-display{font-family:var(--display);font-weight:800;font-size:clamp(36px,5.4vw,72px);letter-spacing:-.03em;line-height:1.04;margin:0;text-wrap:balance}.h2-display .gold{color:var(--gold);font-style:italic;font-weight:700}.lead{font-size:17px;color:var(--muted);line-height:1.6;max-width:58ch}.card-paper,.card{background:var(--paper);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:16px;padding:28px}.h2-edit{font-family:var(--display);font-weight:800;font-size:clamp(32px,4.2vw,56px);letter-spacing:-.025em;line-height:1.05;margin:0;text-wrap:balance}.h2-edit em{font-style:italic;font-family:var(--display);color:var(--gold);font-weight:700}.num-tag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}.btn-primary{background:var(--gold);color:#fff;border-radius:999px;padding:14px 22px;font-weight:600;font-size:14px;line-height:1;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 8px 24px -8px #ea580c66}.btn-primary:hover{background:var(--gold-2);transform:translateY(-1px);box-shadow:0 10px 28px -8px #ea580c8c}.btn-primary .price{font-family:var(--mono);font-weight:500;font-size:12px;padding:3px 8px;background:#ffffff38;color:#fff;border-radius:4px;margin-left:4px}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:14px 22px;font-weight:600;font-size:14px;transition:background .2s,color .2s;display:inline-flex;align-items:center;gap:10px}.btn-outline:hover{background:var(--ink);color:var(--cream)}.fmt-callout{margin:28px 0;padding:18px 22px;border-radius:12px;border:1px solid var(--hair-2);background:var(--paper);display:grid;gap:10px}.fmt-callout-head{display:flex;align-items:center;gap:10px}.fmt-callout-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--cream);font-size:14px;font-weight:700;flex-shrink:0}.fmt-callout-title{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}.fmt-callout-body{font-size:15.5px;line-height:1.65;color:var(--ink-2)}.fmt-callout-body :is(p,ul,ol){margin:0 0 .6em}.fmt-callout-body :is(p,ul,ol):last-child{margin-bottom:0}.fmt-callout-body ul,.fmt-callout-body ol{padding-left:1.3em}.fmt-callout-body strong{color:var(--ink)}.fmt-callout--conseil{background:color-mix(in oklab,var(--gold) 8%,var(--paper));border-color:color-mix(in oklab,var(--gold) 35%,transparent)}.fmt-callout--conseil .fmt-callout-icon{background:var(--gold)}.fmt-callout--conseil .fmt-callout-title{color:color-mix(in oklab,var(--gold) 75%,var(--ink))}.fmt-callout--erreur{background:color-mix(in oklab,var(--red) 6%,var(--paper));border-color:color-mix(in oklab,var(--red) 30%,transparent)}.fmt-callout--erreur .fmt-callout-icon{background:var(--red)}.fmt-callout--erreur .fmt-callout-title{color:var(--red)}.fmt-callout--chiffre{background:var(--ink);color:var(--cream);border-color:var(--line)}.fmt-callout--chiffre .fmt-callout-icon{background:var(--gold);color:var(--ink)}.fmt-callout--chiffre .fmt-callout-title{color:var(--gold)}.fmt-callout--chiffre .fmt-callout-body,.fmt-callout--chiffre .fmt-callout-body p,.fmt-callout--chiffre .fmt-callout-body li,.fmt-callout--chiffre .fmt-callout-body em{color:color-mix(in oklab,var(--cream) 85%,transparent)!important}.fmt-callout--chiffre .fmt-callout-body strong,.fmt-callout--chiffre .fmt-callout-body b{color:var(--gold)!important}.fmt-callout--action{background:color-mix(in oklab,#16a34a 7%,var(--paper));border-color:color-mix(in oklab,#16a34a 32%,transparent)}.fmt-callout--action .fmt-callout-icon{background:#16a34a}.fmt-callout--action .fmt-callout-title{color:#15803d}.fmt-callout--objectif{background:color-mix(in oklab,var(--ink) 4%,var(--paper));border-left:4px solid var(--ink);border-radius:0 12px 12px 0}.fmt-callout--warn{background:color-mix(in oklab,#facc15 14%,var(--paper));border-color:color-mix(in oklab,#facc15 50%,transparent)}.fmt-callout--warn .fmt-callout-icon{background:#facc15;color:var(--ink)}.fmt-callout--warn .fmt-callout-title{color:#854d0e}.fmt-callout--info{background:var(--bone);border-color:var(--hair-2)}.fmt-frame{margin:32px 0;background:#fff;border:1px solid var(--hair-2);border-radius:14px;overflow:hidden;box-shadow:0 1px #00000005,0 30px 60px -40px #0003}.fmt-frame-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:var(--bone);border-bottom:1px solid var(--hair-2)}.fmt-frame-dot{width:9px;height:9px;border-radius:50%;background:color-mix(in oklab,var(--ink) 18%,transparent)}.fmt-frame-url{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:14px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmt-frame-body{padding:26px 28px;font-size:15px;line-height:1.7;color:var(--ink)}.fmt-frame-title{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.015em;margin-bottom:16px;color:var(--ink)}.fmt-frame-body :is(p,ul,ol):last-child{margin-bottom:0}.fmt-frame-body ul{padding-left:0;list-style:none}.fmt-frame-body ul li{padding-left:22px;position:relative;margin:6px 0}.fmt-frame-body ul li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.fmt-frame-caption{padding:10px 14px;background:var(--bone);border-top:1px solid var(--hair-2);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center}.fmt-frame--google .fmt-frame-url:before{content:"🔒 ";opacity:.5}.fmt-frame--stripe .fmt-frame-url:before{content:"⚡ ";color:#635bff}.fmt-frame--ads .fmt-frame-bar{background:#fff7ed}.fmt-funnel{list-style:none;margin:32px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bone);border:1px solid var(--hair-2);border-radius:12px;padding:18px 22px}.fmt-funnel-step{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);font-weight:600}.fmt-funnel-arrow{color:var(--gold);font-size:18px;font-weight:700}.fmt-funnel-label{padding:8px 14px;background:var(--paper);border:1px solid var(--hair-2);border-radius:999px;white-space:nowrap}.fmt-stack{list-style:none;padding:0;margin:32px 0;display:grid;gap:8px}.fmt-stack-step{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;padding:14px 18px;background:var(--paper);border:1px solid var(--hair-2);border-radius:10px}.fmt-stack-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--cream);font-family:var(--mono);font-size:13px;font-weight:700}.fmt-stack-label{font-size:15.5px;line-height:1.45;color:var(--ink)}.fmt-timeline{list-style:none;padding:0;margin:32px 0;display:grid;gap:12px;position:relative}.fmt-tl-step{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;padding:16px 18px;background:var(--paper);border:1px solid var(--hair-2);border-radius:10px;border-left:3px solid var(--gold)}.fmt-tl-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--cream);font-family:var(--mono);font-size:14px;font-weight:700}.fmt-tl-content{display:grid;gap:4px}.fmt-tl-when{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}.fmt-tl-title{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.3;color:var(--ink)}.fmt-tl-desc{font-size:14px;line-height:1.55;color:var(--muted)}.fmt-compare{margin:32px 0;display:grid;gap:0;background:var(--paper);border:1px solid var(--hair-2);border-radius:12px;overflow:hidden}.fmt-cmp-head{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--ink);color:var(--cream)}.fmt-cmp-head span{padding:12px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--cream)}.fmt-cmp-head span:first-child{border-right:1px solid var(--line);color:color-mix(in oklab,var(--cream) 70%,transparent)}.fmt-cmp-head span:last-child{color:var(--gold)}.fmt-cmp-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--hair)}.fmt-cmp-row span{padding:14px 18px;font-size:14.5px;line-height:1.55}.fmt-cmp-row span:first-child{border-right:1px solid var(--hair);color:var(--muted);background:color-mix(in oklab,var(--ink) 3%,var(--paper))}.fmt-cmp-row span:last-child{color:var(--ink);font-weight:500}@media (max-width: 640px){.fmt-callout{padding:16px 18px;margin:22px 0}.fmt-callout-icon{width:26px;height:26px;font-size:13px}.fmt-callout-title{font-size:13px}.fmt-callout-body{font-size:14.5px}.fmt-frame{margin:24px 0}.fmt-frame-body{padding:20px 18px;font-size:14.5px}.fmt-funnel{flex-direction:column;align-items:stretch}.fmt-funnel-step{justify-content:flex-start}.fmt-funnel-arrow{transform:rotate(90deg)}.fmt-funnel-label{flex:1;text-align:center}.fmt-stack-step{grid-template-columns:32px 1fr;gap:12px;padding:12px 14px}.fmt-stack-num{width:30px;height:30px;font-size:12px}.fmt-tl-step{grid-template-columns:40px 1fr;gap:14px;padding:14px 16px}.fmt-tl-num{width:36px;height:36px;font-size:12.5px}.fmt-cmp-head span{padding:10px 14px;font-size:10.5px}.fmt-cmp-row span{padding:12px 14px;font-size:13.5px}}.prose{max-width:70ch;font-size:17px;line-height:1.65;color:var(--ink)}.prose h2{font-family:var(--display);font-size:clamp(26px,2.8vw,34px);letter-spacing:-.02em;font-weight:800;margin:2em 0 .6em}.prose h3{font-family:var(--display);font-size:clamp(20px,2.2vw,24px);letter-spacing:-.015em;font-weight:800;margin:1.6em 0 .4em}.prose p{margin:.9em 0}.prose ul,.prose ol{padding-left:1.4em;margin:.9em 0}.prose li{margin:.3em 0}.prose blockquote{border-left:3px solid var(--gold);padding-left:16px;margin:1.4em 0;font-family:var(--display);font-style:italic;font-weight:700;font-size:1.15em;color:var(--ink)}.prose strong{font-weight:600}.prose code{font-family:var(--mono);font-size:.85em;background:var(--bone);padding:1px 6px;border-radius:4px}
