/* Nos outils only: no changes to the existing pages or laptop geometry. */
.od-tools-page{--tools-gold:#c8aa6d;--tools-line:#c8aa6d42;background:#080808;color:#f5f3ef}
.od-tools-page .od-tools-intro{padding-bottom:48px}
.od-tools-page .od-tools-intro h1{max-width:900px}
.od-tools-page .od-tools-intro p{max-width:670px}
.od-tools-page .od-tools-sections{padding-bottom:90px}
.od-tools-page .od-tool-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding:64px 0;border-top:1px solid var(--tools-line)}
.od-tools-page .od-tool-copy{min-width:0}
.od-tools-page .od-tool-copy .kicker{color:var(--tools-gold)}
.od-tools-page .od-tool-copy h2{font-size:clamp(28px,3.5vw,46px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:16px 0 22px}
.od-tools-page .od-tool-copy>p{color:#c7c3bb;line-height:1.65;font-size:16px;max-width:520px}
.od-tools-page .od-tool-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;font-size:14px;color:#eee}
.od-tools-page .od-tool-points li{display:flex;gap:12px;align-items:baseline}
.od-tools-page .od-tool-points li::before{content:'✓';color:var(--tools-gold);flex:none}
.od-tools-page .od-tool-visual{min-width:0;margin:0;border:1px solid var(--tools-line);border-radius:18px;overflow:hidden;background:#0b0b0b}
.od-tools-page .od-tool-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.od-tools-page .od-tool-ui{padding:clamp(22px,3vw,40px);background:#11110f}
.od-tools-page .od-tool-ui figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;color:var(--tools-gold);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.od-tools-page .od-tool-ui figcaption span{font-size:10px;letter-spacing:.02em;color:#bbb}
.od-tools-page .od-prospect-flow{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.od-tools-page .od-prospect-flow li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-items:center;padding:0 0 16px;border-bottom:1px solid #ffffff14}
.od-tools-page .od-prospect-flow li:last-child{border:0;padding-bottom:0}
.od-tools-page .od-prospect-flow span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--tools-line);border-radius:50%;color:var(--tools-gold);font-size:13px}
.od-tools-page .od-prospect-flow strong{display:block;color:#f5f3ef;font-size:17px;font-weight:500}
.od-tools-page .od-prospect-flow small{display:block;margin-top:4px;color:#bdb9b1;font-size:12px;line-height:1.45}
.od-tools-page .od-traffic-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#eee;font-size:15px}
.od-tools-page .od-traffic-label span{font-size:12px;color:#aaa}
.od-tools-page .od-traffic-chart{display:block;width:100%;height:auto;margin:25px 0 18px;color:var(--tools-gold)}
.od-tools-page .od-traffic-legend{display:flex;justify-content:space-between;gap:8px;padding-top:18px;border-top:1px solid #ffffff14;color:#c7c3bb;font-size:12px}
.od-tools-page .od-tools-end{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--tools-line);padding-top:40px}
.od-tools-page .od-tools-end p{color:#ccc;max-width:630px;line-height:1.6;font-size:15px;margin:0}
.od-tools-page .od-tools-end strong{color:var(--tools-gold);font-weight:500}
.od-tools-page a:focus-visible{outline:2px solid var(--tools-gold);outline-offset:5px}
/* A single home scene brings all three tools together. */
.od-story .od-tools-screen{padding:5.5%;gap:0}
.od-story .od-tool-summary{display:grid;gap:2.5cqw;width:100%;margin:3.5cqw 0}
.od-story .od-tool-summary>div{display:grid;grid-template-columns:5.5cqw minmax(0,1fr);gap:2.2cqw;align-items:center;border-top:1px solid #c8aa6d42;padding-top:2.2cqw;text-align:left}
.od-story .od-tool-summary svg{width:4.8cqw;height:4.8cqw;fill:none;stroke:var(--od-gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.od-story .od-tool-summary strong{display:block;font-size:2.8cqw;font-weight:500;line-height:1.2}
.od-story .od-tool-summary small{display:block;color:#bdb9b1;font-size:2cqw;line-height:1.4;margin-top:.5cqw}
body #odStory .od-tools-screen>.od-primary{font-size:2cqw;min-height:40px;padding:1.5cqw 2.8cqw;align-self:flex-start}
@media(max-width:700px), (max-width:1000px) and (max-height:500px){
 .od-tools-page .od-tools-intro{padding-bottom:30px}
 .od-tools-page .od-tool-feature{grid-template-columns:minmax(0,1fr);gap:30px;padding:36px 0}
 .od-tools-page .od-tool-copy>p{font-size:15px}
 .od-tools-page .od-tools-end{align-items:flex-start;flex-direction:column}
 .od-tools-page .od-tools-sections{padding-bottom:60px}
 .od-story .od-tools-screen{padding:6%;text-align:left;align-items:flex-start}
 .od-story .od-tools-screen h2{font-size:6cqw}
 .od-story .od-tools-screen .od-eyebrow{display:none}
 .od-story .od-tool-summary{gap:3cqw;margin:3.5cqw 0 0}
 .od-story .od-tool-summary>div{grid-template-columns:7cqw minmax(0,1fr);gap:3cqw;padding-top:3cqw}
 .od-story .od-tool-summary svg{width:6.5cqw;height:6.5cqw}
 .od-story .od-tool-summary strong{font-size:4cqw}
 .od-story .od-tool-summary small{font-size:3.1cqw}
 body #odStory .od-tools-screen>.od-primary{display:none}
 .od-story .od-mobile-tools h2{font-size:26px}
 .od-story .od-mobile-tools .od-animation-mobile-link{min-height:44px}
}