:root{--brand:#0E6B52;--brand-dark:#0A4D3B;--accent:#E8A33D;--font-display:"Clash Display",Georgia,serif;--font-body:"General Sans",system-ui,sans-serif;--paper:#FBFAF6;--paper-2:#F4F0E8;--card:#FFFFFF;--ink:#18160F;--ink-70:rgba(24,22,15,0.70);--ink-50:rgba(24,22,15,0.52);--line:rgba(24,22,15,0.12);--line-2:rgba(24,22,15,0.07);--radius:16px;--radius-sm:10px;--radius-lg:26px;--shadow-sm:0 1px 2px rgba(24,22,15,0.05),0 2px 8px rgba(24,22,15,0.04);--shadow:0 8px 24px -8px rgba(24,22,15,0.14),0 2px 6px rgba(24,22,15,0.05);--shadow-brand:0 14px 34px -12px color-mix(in srgb,var(--brand) 48%,transparent);--maxw:1120px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.theme{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.04;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}section{position:relative}.section{padding:clamp(64px,9vw,128px) 0}.section--tint{background:var(--paper-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,transparent);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-body);font-weight:600;font-size:16px;padding:14px 24px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .18s,color .18s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-brand{color:#fff;border:none;background:linear-gradient(180deg,var(--brand),var(--brand-dark));box-shadow:var(--shadow-brand)}.btn-brand:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px color-mix(in srgb,var(--brand) 56%,transparent)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--card);border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-arrow{transition:transform .18s}.btn:hover .btn-arrow{transform:translateX(3px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line-2)}.nav{display:flex;justify-content:space-between;height:70px}.logo,.nav{align-items:center}.logo{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.02em;display:inline-flex;gap:9px}.logo .dot{width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,var(--brand),var(--accent));transform:rotate(12deg)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a.muted{color:var(--ink-70);font-weight:500;font-size:15px}.nav-links a.muted:hover{color:var(--ink)}@media (max-width:760px){.nav-links .hide-sm{display:none}}.hero{padding:clamp(64px,10vw,132px) 0 clamp(40px,6vw,80px);overflow:hidden}.hero:after{content:"";position:absolute;z-index:-1;top:-180px;right:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand) 20%,transparent),transparent 62%);filter:blur(8px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:56px;gap:56px;align-items:center}@media (max-width:940px){.hero-grid{grid-template-columns:1fr;gap:40px}}.h1{font-size:clamp(40px,6.4vw,72px);margin:22px 0 0}.h1 .em{color:var(--brand);font-style:italic}.lede{font-size:clamp(17px,2vw,20px);color:var(--ink-70);margin-top:22px;max-width:32em}.cta-row{gap:14px;margin-top:34px}.cta-row,.stats{display:flex;flex-wrap:wrap}.stats{gap:36px;margin-top:46px}.stat .v{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em}.stat .l{font-size:14px;color:var(--ink-50);margin-top:2px}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px;position:relative}.hero-card .bar{display:flex;gap:6px;margin-bottom:16px}.hero-card .bar i{width:11px;height:11px;border-radius:50%;background:var(--line)}.hero-card .row{height:13px;border-radius:6px;background:var(--paper-2);margin:11px 0}.hero-card .row.w70{width:70%}.hero-card .row.w50{width:50%}.hero-card .row.w85{width:85%}.hero-card .pill{display:inline-block;margin-top:14px;padding:9px 16px;border-radius:999px;background:linear-gradient(180deg,var(--brand),var(--brand-dark));color:#fff;font-weight:600;font-size:14px}.hero-card .float{position:absolute;right:-16px;bottom:-16px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.hero-card .float .ok{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand);display:grid;place-items:center;font-size:13px}.proof{text-align:center}.proof .t{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-50);font-weight:600}.proof .logos{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:center;margin-top:24px}.proof .logos span{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink);opacity:.32;letter-spacing:-.01em}.head{max-width:30em}.head.center{margin:0 auto;text-align:center}.head h2{font-size:clamp(30px,4.4vw,46px);margin-top:14px}.head p{color:var(--ink-70);margin-top:16px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:52px}@media (max-width:720px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);margin-bottom:18px}.card h3{font-size:21px}.card p{color:var(--ink-70);margin-top:9px;font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;gap:26px;margin-top:52px;counter-reset:s}@media (max-width:760px){.steps{grid-template-columns:1fr}}.step{padding-top:26px;border-top:2px solid var(--ink)}.step .n{counter-increment:s;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--brand)}.step .n:before{content:"0" counter(s)}.step h3{font-size:22px;margin-top:12px}.step p{color:var(--ink-70);margin-top:8px}.tool-wrap{margin-top:48px}.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(22px,4vw,40px);max-width:760px;margin:0 auto}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:14px;font-weight:600;color:var(--ink-70)}.field input,.field select{font-family:var(--font-body);font-size:16px;padding:13px 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper);color:var(--ink);width:100%;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.tool-out{margin-top:20px;padding:18px;border-radius:var(--radius-sm);border:1px dashed var(--line);background:var(--paper-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;word-break:break-all;min-height:56px;display:flex;align-items:center}.tool-out.empty{color:var(--ink-50);font-family:var(--font-body);font-style:italic}.copied{color:var(--brand);font-weight:600}.prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px;max-width:760px;margin:52px auto 0}@media (max-width:640px){.prices{grid-template-columns:1fr}}.price{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column}.price.hl{border-color:var(--brand);box-shadow:var(--shadow-brand);position:relative}.price.hl:after{content:"Populaire";position:absolute;top:18px;right:18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--brand);padding:4px 11px;border-radius:999px}.price .pn{font-family:var(--font-display);font-size:20px;font-weight:600}.price .pb{color:var(--ink-50);font-size:14px;margin-top:2px}.price .amt{font-family:var(--font-display);font-size:46px;font-weight:600;letter-spacing:-.02em;margin:18px 0 2px}.price .amt span{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--ink-50)}.price ul{list-style:none;margin:20px 0 26px;display:flex;flex-direction:column;gap:11px}.price li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-70)}.price li:before{content:"✓";color:var(--brand);font-weight:700}.price .btn{width:100%;margin-top:auto}.faq{max-width:760px;margin:48px auto 0}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{list-style:none;cursor:pointer;padding:20px 4px;font-family:var(--font-display);font-weight:600;font-size:19px;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:24px;color:var(--brand);transition:transform .2s;font-family:var(--font-body)}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{padding:0 4px 22px;color:var(--ink-70)}.cta-band{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-radius:var(--radius-lg);padding:clamp(40px,6vw,72px);text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -20%,rgba(255,255,255,.18),transparent 50%)}.cta-band h2{font-size:clamp(30px,4.6vw,48px);position:relative}.cta-band p{color:rgba(255,255,255,.85);margin-top:14px;font-size:18px;position:relative}.cta-band .btn{margin-top:30px;background:#fff;color:var(--brand-dark);position:relative}.cta-band .btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(0,0,0,.3)}.footer{padding:50px 0;border-top:1px solid var(--line);color:var(--ink-50);font-size:14px}.footer .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) both}.d1{animation-delay:.05s}.d2{animation-delay:.14s}.d3{animation-delay:.23s}.d4{animation-delay:.32s}.d5{animation-delay:.41s}@media (prefers-reduced-motion:reduce){.reveal{animation:none}html{scroll-behavior:auto}}.post-list{display:grid;grid-gap:18px;gap:18px;margin-top:40px;max-width:820px}.post-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;transition:transform .2s,box-shadow .2s,border-color .2s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.post-card h2{font-size:23px}.post-card p{color:var(--ink-70);margin-top:8px;font-size:16px}.post-more{color:var(--brand);font-weight:600;font-size:14px;display:inline-block;margin-top:12px}.article-wrap{max-width:760px}.back{color:var(--ink-50);font-size:14px;display:inline-block;margin-bottom:18px}.back:hover{color:var(--brand)}.article h1{font-size:clamp(30px,4.6vw,46px);margin-bottom:8px}.article-body{font-size:18px}.article-body h2{font-family:var(--font-display);font-size:28px;margin:40px 0 14px;letter-spacing:-.01em}.article-body h3{font-family:var(--font-display);font-size:21px;margin:28px 0 10px}.article-body p{margin:14px 0;color:var(--ink-70);line-height:1.78}.article-body ol,.article-body ul{margin:14px 0 14px 22px;color:var(--ink-70)}.article-body li{margin:7px 0;line-height:1.7}.article-body a{color:var(--brand);text-decoration:underline}.article-body strong{color:var(--ink)}.article-cta{margin:52px 0;padding:34px;border-radius:var(--radius-lg);text-align:center;background:color-mix(in srgb,var(--brand) 8%,var(--paper-2));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line))}.article-cta h3{font-size:24px}.article-cta .btn{margin-top:16px}.post-thumb{border-radius:12px;margin-bottom:16px}.article-hero,.post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.article-hero{border-radius:var(--radius);margin:16px 0 30px}body,html{overflow-x:hidden}.article-body table,body,html{max-width:100%}.article-body .tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}.article-body .tbl-scroll table{margin:0}@media (max-width:760px){.site-header .nav-links .btn-brand{display:none}.nav-links{gap:14px}.nav{height:62px}.logo{font-size:19px}}@media (max-width:600px){body{font-size:16px}.container{padding:0 16px}.section{padding:56px 0}.hero{padding:40px 0 32px}.h1{font-size:clamp(30px,8.6vw,44px)}.lede{font-size:16px;margin-top:16px;max-width:none}.cta-row{gap:10px;margin-top:26px}.cta-row .btn{width:100%}.stats{gap:20px 30px;margin-top:34px}.stat .v{font-size:26px}.head h2{font-size:clamp(26px,7.6vw,36px)}.head p{font-size:16px;margin-top:12px}.grid,.prices,.steps{margin-top:36px}.card{padding:22px}.card h3{font-size:19px}.price{padding:24px}.price .amt{font-size:40px}.hero-card{padding:18px}.hero-card .float{right:4px;bottom:-12px;padding:10px 13px;font-size:13px}.cta-band{padding:40px 22px}.faq summary{padding:18px 2px}.article-body,.faq summary{font-size:17px}.article-body h2{font-size:24px;margin:32px 0 12px}.article-body h3{font-size:19px}.footer .row{flex-direction:column;align-items:flex-start;gap:10px}}