.outils-root{--cream:#f3ede0;--cream-deep:#e8dfc9;--ink:#1a1510;--ink-soft:#3a342a;--ink-dim:#5a5d66;--ink-faint:#8a8c94;--neon:#5700ff;--neon-soft:#b895ff;--paper:#f3ede0;--paper-warm:#e8dfc9;--rule:#1a1510;--accent:#5700ff;--accent-deep:#3a00a8;font-family:var(--font-archivo), sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.4;position:relative;overflow-x:hidden}.outils-root *{box-sizing:border-box}.outils-root:before{content:"";pointer-events:none;z-index:1;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0 0.04 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;position:fixed;inset:0}.outils-root .outils-wrap{z-index:2;max-width:1320px;margin:0 auto;padding:0 48px;position:relative}.outils-root .outils-hero{border-bottom:2px solid var(--ink);padding:72px 0 88px}.outils-root .outils-topline{border-bottom:1px solid var(--ink);font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);align-items:center;gap:20px;margin-bottom:40px;padding-bottom:16px;font-size:11px;display:flex}.outils-root .outils-accent{color:var(--accent);font-weight:500}.outils-root .outils-sep{background:var(--ink);width:24px;height:1px}.outils-root .outils-h1{font-family:var(--font-bodoni), serif;letter-spacing:-.04em;text-transform:uppercase;color:var(--ink);margin:0 0 32px;font-size:clamp(46px,11vw,132px);font-weight:900;line-height:.9}.outils-root .outils-h1 .outline{-webkit-text-stroke:2px var(--ink);color:#0000;font-weight:900}.outils-root .outils-h1 em{font-family:var(--font-bodoni), serif;color:var(--accent);text-transform:lowercase;letter-spacing:-.03em;font-style:italic;font-weight:400}.outils-root .outils-lede{font-family:var(--font-bodoni), serif;color:var(--ink-soft);max-width:860px;margin:0;font-size:clamp(17px,4vw,22px);font-style:italic;font-weight:400;line-height:1.4}.outils-root .outils-section{z-index:2;border-bottom:2px solid var(--ink);padding:112px 0;position:relative}.outils-root .outils-section-muted{background:var(--cream-deep)}.outils-root .outils-section-head{grid-template-columns:140px 1fr;align-items:start;gap:48px;margin-bottom:56px;display:grid}.outils-root .outils-section-num{font-family:var(--font-bodoni), serif;color:var(--accent);letter-spacing:-.03em;font-size:80px;font-style:italic;font-weight:900;line-height:.9}.outils-root .outils-section-label{font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);margin-bottom:20px;padding-bottom:8px;font-size:11px;display:inline-block}.outils-root .outils-section-title{font-family:var(--font-bodoni), serif;letter-spacing:-.035em;text-transform:uppercase;max-width:1000px;margin:0;font-size:clamp(40px,6vw,88px);font-weight:400;line-height:.95}.outils-root .outils-section-title em{color:var(--accent);text-transform:lowercase;font-style:italic;font-weight:400}.outils-root .outils-ranking{border-top:2px solid var(--ink);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.outils-root .outils-rank-row{border-bottom:2px solid var(--ink);grid-template-columns:120px 1fr 180px;align-items:center;gap:32px;padding:36px 0;transition:all .4s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.outils-root .outils-rank-row:before{content:"";background:var(--accent);z-index:0;width:0;height:100%;transition:width .5s;position:absolute;top:0;left:0}.outils-root .outils-rank-row:hover:before{width:100%}.outils-root .outils-rank-row:hover .outils-rank-num,.outils-root .outils-rank-row:hover .outils-rank-name,.outils-root .outils-rank-row:hover .outils-rank-desc,.outils-root .outils-rank-row:hover .outils-rank-category,.outils-root .outils-rank-row:hover .outils-rank-link,.outils-root .outils-rank-row:hover .outils-rank-soon{color:#fff}.outils-root .outils-rank-row>*{z-index:1;transition:color .3s;position:relative}.outils-root .outils-rank-num{font-family:var(--font-bodoni), serif;color:var(--accent);letter-spacing:-.04em;font-size:96px;font-style:italic;font-weight:900;line-height:.85}.outils-root .outils-rank-body{min-width:0}.outils-root .outils-rank-head{flex-wrap:wrap;align-items:baseline;gap:20px;margin-bottom:8px;display:flex}.outils-root .outils-rank-name{font-family:var(--font-bodoni), serif;letter-spacing:-.02em;color:var(--ink);margin:0;font-size:40px;font-style:italic;font-weight:400;line-height:1}.outils-root .outils-rank-category{font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.outils-root .outils-rank-desc{font-family:var(--font-archivo), sans-serif;color:var(--ink-soft);max-width:620px;margin:0;font-size:15px;line-height:1.5}.outils-root .outils-rank-cta{justify-self:end}.outils-root .outils-rank-link{font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid;align-items:center;gap:10px;padding-bottom:6px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.outils-root .outils-rank-link span{transition:transform .25s}.outils-root .outils-rank-link:hover span{transform:translate(4px)}.outils-root .outils-rank-soon{font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.outils-root .outils-additional{border-top:2px solid var(--ink);border-left:2px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.outils-root .outils-additional-card{background:var(--cream);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);color:var(--ink);flex-direction:column;gap:10px;padding:36px 28px;text-decoration:none;transition:background .25s,color .25s;display:flex;position:relative}.outils-root .outils-additional-card:hover{background:var(--ink);color:#fff}.outils-root .outils-additional-category{font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:11px}.outils-root .outils-additional-name{font-family:var(--font-bodoni), serif;letter-spacing:-.03em;margin:8px 0 6px;font-size:36px;font-style:italic;font-weight:900;line-height:1}.outils-root .outils-additional-tagline{font-family:var(--font-bodoni), serif;color:var(--ink-soft);flex:1;margin:0;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}.outils-root .outils-additional-card:hover .outils-additional-tagline{color:#ffffffd9}.outils-root .outils-additional-arrow{font-family:var(--font-bodoni), serif;color:var(--accent);align-self:flex-end;margin-top:8px;font-size:32px;font-style:italic;transition:transform .25s}.outils-root .outils-additional-card:hover .outils-additional-arrow{transform:translate(6px)}.outils-root .outils-additional-card-soon{opacity:.55;cursor:default;pointer-events:none}.outils-root .outils-additional-card-soon:hover{background:var(--cream);color:var(--ink)}.outils-root .outils-compare-grid{border-top:2px solid var(--ink);border-left:2px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.outils-root .outils-compare-card{background:var(--cream);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);color:var(--ink);flex-direction:column;gap:20px;padding:44px 32px 32px;text-decoration:none;transition:background .25s,color .25s;display:flex}.outils-root .outils-compare-card:hover{background:var(--ink);color:#fff}.outils-root .outils-compare-pair{font-family:var(--font-bodoni), serif;letter-spacing:-.03em;flex-wrap:wrap;align-items:center;gap:14px;font-size:32px;font-style:italic;font-weight:900;line-height:1.05;display:flex}.outils-root .outils-compare-vs{color:var(--accent);font-size:24px;font-style:italic;font-weight:400}.outils-root .outils-compare-teaser{font-family:var(--font-bodoni), serif;color:var(--ink-soft);flex:1;margin:0;font-size:16px;font-style:italic;font-weight:400;line-height:1.45}.outils-root .outils-compare-card:hover .outils-compare-teaser{color:#ffffffd9}.outils-root .outils-compare-link{font-family:var(--font-space-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border-top:1px solid var(--ink);align-items:center;gap:8px;padding-top:16px;font-size:11px;display:inline-flex}.outils-root .outils-compare-card:hover .outils-compare-link{border-top-color:#ffffff4d}.outils-root .outils-cta-section{background:var(--ink);color:#fff;z-index:2;border-bottom:2px solid var(--ink);padding:112px 0;position:relative}.outils-root .outils-cta-inner{text-align:center;max-width:860px;margin:0 auto}.outils-root .outils-cta-inner h2{font-family:var(--font-bodoni), serif;letter-spacing:-.035em;color:#fff;text-transform:uppercase;margin:0 0 24px;font-size:clamp(40px,6vw,88px);font-weight:900;line-height:.95}.outils-root .outils-cta-inner h2 em{color:var(--accent);text-transform:lowercase;font-style:italic;font-weight:400}.outils-root .outils-cta-inner p{font-family:var(--font-bodoni), serif;color:#ffffffd9;margin:0 0 40px;font-size:20px;font-style:italic;line-height:1.4}.outils-root .outils-cta-btn{background:var(--accent);color:#fff;font-family:var(--font-space-mono), monospace;letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--accent);align-items:center;gap:12px;padding:20px 32px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.outils-root .outils-cta-btn:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);transform:rotate(-1deg)scale(1.02)}.outils-root .outils-cta-btn span{transition:transform .25s}.outils-root .outils-cta-btn:hover span{transform:translate(4px)}@media (max-width:1100px){.outils-root .outils-wrap{padding:0 32px}.outils-root .outils-additional,.outils-root .outils-compare-grid{grid-template-columns:repeat(2,1fr)}.outils-root .outils-section-head{grid-template-columns:1fr;gap:24px}.outils-root .outils-section-num{font-size:64px}.outils-root .outils-rank-row{grid-template-columns:80px 1fr;gap:20px}.outils-root .outils-rank-cta{grid-column:2;justify-self:start}.outils-root .outils-rank-num{font-size:64px}.outils-root .outils-rank-name{font-size:28px}}@media (max-width:900px){.outils-root .outils-wrap{padding:0 28px}}@media (max-width:640px){.outils-root .outils-wrap{padding:0 20px}.outils-root .outils-hero{padding:48px 0}.outils-root .outils-section,.outils-root .outils-cta-section{padding:60px 0}.outils-root .outils-additional,.outils-root .outils-compare-grid{grid-template-columns:1fr}.outils-root .outils-compare-pair{font-size:22px}.outils-root .outils-rank-row{grid-template-columns:56px 1fr;gap:12px}.outils-root .outils-rank-num{font-size:40px}.outils-root .outils-rank-name{font-size:22px}}@media (max-width:420px){.outils-root .outils-wrap{padding:0 16px}}.outils-root .outils-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}@media (max-width:1024px){.outils-root .outils-hero-grid{grid-template-columns:1fr;gap:32px}}