:root{--ink:#15251f;--muted:#61716a;--lime:#c8f25d;--purple:#7548ed;--cream:#f7f5ef;--line:#dce1da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px;border-bottom:1px solid #eef0ec}.brand{display:flex;gap:10px;align-items:center;font:800 23px Manrope}.brand>span:last-child>span{color:var(--purple)}.brand-mark{position:relative;width:28px;height:28px;display:block;transform:rotate(-10deg)}.brand-mark i{position:absolute;width:13px;height:24px;border-radius:10px;background:var(--lime);transform:rotate(36deg);left:5px}.brand-mark i+ i{background:var(--purple);transform:rotate(-36deg);left:13px}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a:hover{color:var(--purple)}.header-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:700}.header-cta span,.button span,.section-heading>a span,.guide-card>a span{margin-left:10px}.menu-button{display:none;border:0;background:none}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;max-width:1220px;margin:auto;padding:76px 28px 54px;gap:70px;align-items:center;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase;margin-bottom:20px}.eyebrow span{color:var(--purple);margin-right:8px}.hero h1,.section-heading h2,.newsletter h2{font:800 clamp(42px,5vw,67px)/1.05 Manrope;margin:0;letter-spacing:-3.3px}.hero h1 em,.section-heading h2 em,.newsletter h2 em{font-style:normal;color:var(--purple)}.hero-content>p{color:var(--muted);font-size:18px;line-height:1.65;max-width:550px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:15px 21px;border-radius:7px;font-weight:700;font-size:14px}.primary{background:var(--purple);color:#fff;box-shadow:0 8px 22px #7548ed30}.secondary{border:1px solid var(--line)}.mail-icon{margin:0 8px 0 0!important}.trust{margin-top:28px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px}.trust strong{color:var(--ink)}.avatars{display:flex;margin-right:4px}.avatars i{display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:#ffb89d;font:700 8px Manrope;margin-left:-6px}.avatars i:nth-child(2){background:#bdd4ff}.avatars i:nth-child(3){background:#ffe07c}.hero-visual{height:435px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%}.orb-one{width:400px;height:400px;background:#edffd1;right:0}.orb-two{width:280px;height:280px;border:1px dashed #b5d281;right:60px}.workflow-card{z-index:2;width:390px;background:#fff;border:1px solid #e4e9e2;border-radius:15px;box-shadow:0 24px 70px #354b3824;padding:21px}.card-top,.card-footer{display:flex;justify-content:space-between;align-items:center}.card-top span{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#68815e}.card-top i{width:8px;height:8px;border-radius:50%;background:#82d62a;box-shadow:0 0 0 4px #eaffd6}.workflow-card h2{font:800 20px Manrope;margin:8px 0 17px}.workflow-step{border:1px solid #e2e7e1;border-radius:9px;padding:11px;display:flex;align-items:center;gap:11px;background:#fff}.workflow-step.active{border-color:#a884ff}.tool-icon{width:33px;height:33px;border-radius:7px;display:grid;place-items:center;font-weight:800}.mail{background:#f1ebff;color:var(--purple)}.bolt{background:#fff0c7;color:#da8f00}.send{background:#e7f7cc;color:#639d22}.workflow-step div{display:flex;flex-direction:column;gap:2px}.workflow-step small{font-size:8px;color:#89958f;font-weight:800;letter-spacing:.6px}.workflow-step b{font-size:11px}.check{margin-left:auto;background:#effbdc;color:#6da52a;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:11px}.connector{height:45px;display:flex;align-items:center;gap:12px;padding-left:27px}.connector span{height:100%;border-left:1px dashed #aab4ae}.connector small{font-size:9px;color:#89958f}.connector.short{height:25px}.card-footer{border-top:1px solid #edf0eb;margin-top:17px;padding-top:14px;font-size:8px;color:#829088}.card-footer b{color:#649d21}.float-badge{position:absolute;z-index:4;background:#fff;border-radius:10px;box-shadow:0 13px 35px #26372d24;padding:12px;display:flex;align-items:center;gap:9px}.float-badge>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.float-badge div{display:flex;flex-direction:column}.float-badge b{font:800 12px Manrope}.float-badge small{font-size:8px;color:#829088}.badge-time{right:-2px;top:38px}.badge-time>span{background:#eaffc6;color:#60951f}.badge-auto{left:-5px;bottom:29px}.badge-auto>span{background:#eee8ff}.ticker{background:var(--ink);color:#fff;min-height:67px;display:flex;align-items:center;justify-content:center;gap:37px;overflow:hidden;white-space:nowrap;font:700 11px Manrope;letter-spacing:1.8px}.ticker i{font-style:normal;color:var(--lime)}.guides{background:var(--cream);padding:90px max(28px,calc((100vw - 1164px)/2)) 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-heading h2{font-size:41px;letter-spacing:-2px}.section-heading>a{font-weight:700;font-size:13px;border-bottom:1px solid;padding-bottom:5px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{background:#fff;border:1px solid #e5e5df;border-radius:12px;padding:14px 18px 20px;transition:.25s transform,.25s box-shadow}.guide-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #33493a14}.card-art{height:155px;border-radius:8px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:15px}.card-art span{background:#fff;padding:12px;border-radius:8px;box-shadow:0 7px 18px #27312c1a;font:800 12px Manrope}.card-art b{font-size:19px}.purple{background:#e9e0ff}.mint{background:#dff4dc}.orange{background:#ffe3c5}.tag{font-size:9px;font-weight:800;color:var(--purple);letter-spacing:1px}.guide-card h3{font:800 18px/1.3 Manrope;margin:10px 0}.guide-card p{font-size:13px;line-height:1.55;color:var(--muted);min-height:40px}.guide-card>a{display:inline-block;font-size:12px;font-weight:800;margin-top:9px}.newsletter{margin:0;background:var(--purple);color:#fff;padding:75px max(28px,calc((100vw - 1164px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;position:relative;overflow:hidden}.newsletter:after{content:"✦";position:absolute;font-size:270px;opacity:.05;right:-30px;top:-90px}.newsletter p{font:700 10px Manrope;letter-spacing:1.5px}.newsletter h2{font-size:42px;letter-spacing:-2px}.newsletter h2 em{color:var(--lime)}.spark{color:var(--lime)}form{display:grid;grid-template-columns:1fr auto;gap:8px;z-index:1}input,form button{border:0;border-radius:7px;padding:16px;font:600 13px "DM Sans"}form button{background:var(--lime);color:var(--ink);font-weight:800;cursor:pointer}form small{grid-column:1/-1;opacity:.7;font-size:9px}footer{display:flex;align-items:center;gap:28px;padding:35px max(28px,calc((100vw - 1164px)/2));font-size:11px}footer p{color:var(--muted);flex:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:4px}.menu-button span{width:22px;border-top:2px solid}.site-header.open nav{display:flex;position:absolute;top:75px;left:20px;right:20px;background:#fff;z-index:10;padding:25px;flex-direction:column;box-shadow:0 10px 30px #0002}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{margin-top:5px}.guide-grid{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr;gap:35px}}@media(max-width:520px){.hero h1{font-size:39px;letter-spacing:-2px}.hero{padding-left:20px;padding-right:20px}.hero-visual{transform:scale(.82);margin-left:-30px;margin-right:-30px}.workflow-card{width:360px}.badge-time{right:-8px}.badge-auto{left:-5px}.ticker{justify-content:flex-start;padding-left:20px}.section-heading{align-items:flex-start;gap:25px;flex-direction:column}.section-heading h2{font-size:34px}.newsletter h2{font-size:37px}form{grid-template-columns:1fr}form small{grid-column:auto}footer{align-items:flex-start;flex-direction:column}.guide-card p{min-height:auto}}

/* Topic directory */
.categories{padding:100px max(28px,calc((100vw - 1164px)/2));background:#fff}
.categories-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:46px}
.categories-intro h2{font:800 44px/1.08 Manrope;margin:0;letter-spacing:-2.2px}
.categories-intro h2 em{font-style:normal;color:var(--purple)}
.categories-intro>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 3px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.category-card{min-height:124px;padding:22px;display:grid;grid-template-columns:40px 1fr auto;gap:13px;align-items:start;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s,color .2s,transform .2s}
.category-card:hover{background:#f7f5ff;transform:translateY(-2px)}
.category-card--featured{background:var(--ink);color:#fff}
.category-card--featured:hover{background:#20362e}
.category-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#f0ebff;color:var(--purple);font:800 17px Manrope}
.category-card--featured .category-icon{background:var(--lime);color:var(--ink)}
.category-copy{display:flex;flex-direction:column;gap:7px}
.category-copy strong{font:800 14px/1.25 Manrope}
.category-copy small{color:var(--muted);font-size:11px;line-height:1.45}
.category-card--featured .category-copy small{color:#b9c6c0}
.category-arrow{font-size:13px;opacity:.45;transition:transform .2s,opacity .2s}
.category-card:hover .category-arrow{opacity:1;transform:translate(2px,-2px)}

@media(max-width:850px){.categories-intro{grid-template-columns:1fr;gap:22px}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.categories{padding-top:72px;padding-bottom:72px}.categories-intro h2{font-size:34px}.category-grid{grid-template-columns:1fr}.category-card{min-height:108px}} /* Images des guides dynamiques */

.guide-image {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 20px;
}

.guide-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}