.px-atouts{--atouts-line:#204138;--atouts-copy:#b9cec7;scroll-margin-top:100px}
.px-atouts .px-section-header{margin-bottom:32px;max-width:940px}
.px-atouts .px-section-header h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;margin:0;color:#e7f4f0}
.px-atouts .px-section-header h2 span{color:#00dfc0}
.px-atouts-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.px-atouts-primary,.px-atouts-detail,.px-atouts-assurances{min-width:0;border:1px solid var(--atouts-line);border-radius:16px;overflow:hidden}
.px-atouts-primary{grid-column:span 5;grid-row:span 2;display:flex;flex-direction:column;padding:30px;background:linear-gradient(150deg,#0c2822 0%,#081512 68%)}
.px-atouts-art{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:166px;margin:4px 0 26px;color:#00dfc0;isolation:isolate;pointer-events:none}
.px-atouts-art::before,.px-atouts-art::after{content:"";position:absolute;left:8%;right:8%;height:1px;background:#2a5146;z-index:-1}
.px-atouts-art::before{top:26%}.px-atouts-art::after{bottom:16%}
.px-atouts-art-symbol{width:118px;height:118px;stroke-width:1.15;fill:none;stroke:currentColor}
.px-atouts-glyph{font-size:154px;font-weight:500;line-height:.92;letter-spacing:-.04em;color:#e7f4f0;transform:translate(-9px,-4px)}
.px-atouts-cursor{position:absolute;left:64%;top:48%;width:54px;height:54px;fill:#00dfc0;stroke:#081512;stroke-width:1.5;transform:rotate(-10deg);transition:transform .32s cubic-bezier(.16,1,.3,1)}
.px-atouts-primary:hover .px-atouts-cursor{transform:translate(-8px,-7px) rotate(-3deg)}
.px-atouts-swatches{position:absolute;display:flex;bottom:1px;right:7%;gap:5px}
.px-atouts-swatches i{width:20px;height:20px;border-radius:4px;background:#e7f4f0}
.px-atouts-swatches i+ i{background:#00dfc0}.px-atouts-swatches i+ i+ i{background:#47796b}
.px-atouts-copy{min-width:0}
.px-atouts .px-atouts-copy h3{font-size:1.375rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:#e7f4f0;margin:0 0 14px;text-wrap:balance}
.px-atouts .px-atouts-primary h3{font-size:1.875rem;line-height:1.13;margin-bottom:16px}
.px-atouts .px-atouts-copy p{color:var(--atouts-copy);font-size:.96875rem;line-height:1.65;margin:0;max-width:65ch}
.px-atouts .px-atouts-copy p+p{margin-top:12px}
.px-atouts .px-atouts-copy ul{color:var(--atouts-copy);font-size:.96875rem;line-height:1.65;margin:12px 0 0;padding-left:20px}
.px-atouts .px-atouts-copy a{color:#00dfc0;text-decoration:underline;text-underline-offset:4px}
.px-atouts .px-atouts-copy a:focus-visible{outline:2px solid #00dfc0;outline-offset:5px}
.px-atouts-detail{grid-column:span 7;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:24px;min-height:198px;padding:28px 30px;background:#080f10}
.px-atouts-detail .px-atouts-symbol{width:52px;height:52px;stroke-width:1.2;fill:none;stroke:#00dfc0;justify-self:center}
.px-atouts-detail:hover{border-color:#47796b}
.px-atouts-assurances{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#080f10}
.px-atouts-assurance{min-width:0;padding:26px 28px}
.px-atouts-assurance+.px-atouts-assurance{border-left:1px solid var(--atouts-line)}
.px-atouts .px-atouts-assurance h3{font-size:1.125rem;line-height:1.3;margin-bottom:12px}
.px-atouts-assurance-heading{display:flex;align-items:flex-start;gap:12px}
.px-atouts-assurance-heading .px-atouts-symbol{flex:0 0 22px;width:22px;height:22px;stroke-width:1.6;fill:none;stroke:#00dfc0;margin-top:1px}
.px-atouts .px-atouts-assurance p{font-size:.90625rem;line-height:1.65}
.px-atouts--4 .px-atouts-assurances{grid-template-columns:1fr}
.px-atouts--4 .px-atouts-assurance{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);align-items:start;gap:24px}
.px-atouts--4 .px-atouts-assurance-heading h3{margin-bottom:0}
@media(max-width:1000px){.px-atouts-primary{grid-column:span 5;padding:26px}.px-atouts-detail{padding:24px;gap:16px;grid-template-columns:minmax(0,1fr) 44px}.px-atouts-detail .px-atouts-symbol{width:40px;height:40px}.px-atouts .px-atouts-copy h3{font-size:1.25rem}.px-atouts .px-atouts-primary h3{font-size:1.625rem}.px-atouts-assurance{padding:24px 20px}.px-atouts-assurance-heading{gap:10px}}
@media(max-width:700px){.px-atouts .px-section-header{margin-bottom:24px}.px-atouts .px-section-header h2{font-size:2rem}.px-atouts-grid{grid-template-columns:1fr;gap:12px}.px-atouts-primary,.px-atouts-detail{grid-column:auto;grid-row:auto}.px-atouts-primary{position:relative;padding:24px}.px-atouts-art{position:absolute;right:18px;top:20px;width:78px;height:78px;min-height:0;margin:0;opacity:.95}.px-atouts-art::before,.px-atouts-art::after{left:0;right:0}.px-atouts-art-symbol{width:66px;height:66px;stroke-width:1.3}.px-atouts-glyph{font-size:70px;transform:none;letter-spacing:-.04em}.px-atouts-cursor{width:27px;height:27px;left:63%;top:49%}.px-atouts-swatches{display:none}.px-atouts .px-atouts-primary h3{font-size:1.625rem;max-width:calc(100% - 86px);min-height:78px;display:flex;align-items:center;margin-bottom:16px;text-wrap:initial}.px-atouts .px-atouts-copy p{font-size:.9375rem}.px-atouts-detail{min-height:0;padding:24px;grid-template-columns:minmax(0,1fr) 38px;gap:16px;align-items:start}.px-atouts-detail .px-atouts-symbol{width:34px;height:34px;margin-top:2px}.px-atouts .px-atouts-copy h3{font-size:1.25rem;text-wrap:initial}.px-atouts-assurances{grid-template-columns:1fr}.px-atouts-assurance{padding:24px}.px-atouts-assurance+.px-atouts-assurance{border-left:0;border-top:1px solid var(--atouts-line)}.px-atouts--4 .px-atouts-assurance{display:block}.px-atouts--4 .px-atouts-assurance-heading h3{margin-bottom:12px}.px-atouts .px-atouts-assurance p{font-size:.9375rem}.px-atouts .px-atouts-assurance h3{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){.px-atouts-cursor{transition:none}.px-atouts-primary:hover .px-atouts-cursor{transform:rotate(-10deg)}}