.sap-page{background:#080b0e;color:#f5f5f6}
.sap-main{overflow:hidden}
.sap-main .eyebrow{color:var(--red);font:900 clamp(1rem,1.7vw,1.35rem)/1.4 Montserrat,Arial,sans-serif;letter-spacing:.18em;margin:0 0 25px}
.sap-hero{max-width:1320px;margin:0 auto;padding:55px 40px 80px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:64px}
.sap-hero h1{font:800 clamp(2.6rem,4.4vw,4.5rem)/1.04 'Roboto Condensed',Arial,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 25px}
.sap-main h1 em,.sap-main h2 em{font-style:normal;color:#ef3038}
.sap-lead{font-size:1.15rem;line-height:1.8;color:#d0d5da;max-width:640px}
.sap-status{display:flex;align-items:flex-start;gap:13px;margin-top:28px;padding:20px;border:1px solid #7b4346;border-left:3px solid #df1017;border-radius:4px;background:#171114}
.sap-status-dot{width:9px;height:9px;background:#ef3038;border-radius:50%;flex:0 0 9px;margin-top:7px}
.sap-status strong{font-size:.95rem;font-weight:800;line-height:1.6}
.sap-status p{font-size:.88rem;line-height:1.8;color:#c9c9cc;margin:7px 0 0}
.sap-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.sap-main .btn{font-size:.88rem;min-height:52px;line-height:1.5}
.sap-feature{position:relative;border:1px solid #5a6b79;border-top:3px solid #df1017;border-radius:22px;padding:24px 32px 32px;text-align:center;background:radial-gradient(ellipse at 50% 0,#314859,#161e25 55%,#0e1318);box-shadow:0 24px 70px #0005}
.sap-feature>img{display:block;margin:0 auto 12px;object-fit:contain;width:140px;height:140px}
.sap-feature-icons{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;margin:0 auto 12px}
.sap-feature-icons>img{display:block;width:calc((100% - 16px)/2);max-width:140px;min-width:0;height:140px;object-fit:contain;margin:0}
.sap-feature-label{font-size:.8rem;color:#d4dce3;text-transform:uppercase;letter-spacing:.1em;margin:0}
.sap-feature-number{display:block;font:800 clamp(6.8rem,11vw,10rem)/1 'Roboto Condensed',Arial,sans-serif;color:#fff;letter-spacing:-.06em;margin:8px 0}
.sap-feature-number>span{font-size:.52em;color:#ef3038;letter-spacing:0}
.sap-feature-name{font-size:1.45rem;font-weight:900;margin:0 0 20px}
.sap-feature-note{font-size:.87rem;line-height:1.85;color:#c5d0d8;margin:0 0 18px}
.sap-source-link,.sap-reference a{color:#edf3f8;text-decoration:underline;text-underline-offset:4px}
.sap-source-link{font-size:.8rem;line-height:1.8}
.sap-section{max-width:1240px;margin:0 auto;padding:64px 40px;border-top:1px solid #26323c;scroll-margin-top:22px}
.sap-heading{max-width:820px;margin-bottom:35px}
.sap-main h2{font:800 clamp(2rem,3.3vw,3.2rem)/1.08 'Roboto Condensed',Arial,sans-serif;margin:0 0 22px;text-transform:uppercase;letter-spacing:.01em}
.sap-main h3{font:800 1.45rem/1.25 'Roboto Condensed',Arial,sans-serif;color:#fff;margin:18px 0 12px}
.sap-heading>p:last-child,.sap-calculator-intro>p:not(.eyebrow),.sap-conditions>div>p:not(.eyebrow),.sap-contact>div>p:last-child{font-size:1rem;line-height:1.85;color:#c5cdd4}
.sap-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sap-benefits article{padding:26px;border:1px solid #34424d;border-radius:14px;background:linear-gradient(145deg,#172129,#0d1116);min-width:0}
.sap-benefits .sx-realistic-icon{display:block;width:76px;height:76px;margin:0}
.sap-benefit-number{display:flex;align-items:center;height:76px;color:#ef3038;font:800 3.5rem/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:-.04em}
.sap-benefits article p,.sap-eligibility-grid article p,.sap-scope-note p{font-size:.93rem;line-height:1.85;color:#c8d0d7;margin:0}
.sap-reference{font-size:.78rem;line-height:1.9;color:#a9b5bf;margin:25px 0 0}
.sap-calculator{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:44px;align-items:center}
.sap-calculator-note{font-size:.82rem!important;color:#a5b0b9!important;border-left:2px solid #a12630;padding-left:15px;margin-top:24px}
.sap-calculator-panel{min-width:0;padding:28px;border:1px solid #566574;border-radius:16px;background:#121b23}
.sap-calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sap-calculator-fields label{font-size:.85rem;font-weight:700;color:#d9e0e5;line-height:1.65;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.sap-calculator-fields input{display:block;width:100%;min-width:0;min-height:52px;padding:12px;background:#080c10;color:#fff;border:1px solid #5b6b79;border-radius:6px;font:700 18px/1.4 Montserrat,Arial,sans-serif}
.sap-main :focus-visible{outline:3px solid #ef3038;outline-offset:4px}
.sap-results{margin-top:28px;display:grid;gap:0}
.sap-results>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-top:1px solid #34424e}
.sap-results span{font-size:.85rem;line-height:1.6;color:#cbd5dd}
.sap-results output{font:800 1.75rem/1.1 'Roboto Condensed',Arial,sans-serif;white-space:nowrap}
.sap-results .sap-result-final{border-top:2px solid #bd1721;padding-bottom:0}
.sap-result-final output{font-size:2.4rem;color:#ff4a52}
.sap-calculation-help{font-size:.78rem;color:#b6c2cc;line-height:1.85;margin:25px 0 0}
.sap-eligibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sap-eligibility-grid article{padding:30px;border:1px solid #3a4650;background:#11181e;border-radius:14px}
.sap-eligibility-grid .sx-realistic-icon{display:block;width:88px;height:88px;margin-bottom:20px}
.sap-label{font-size:.76rem;font-weight:800;color:#ef454e;text-transform:uppercase;letter-spacing:.08em;line-height:1.7}
.sap-eligibility-grid article p+p{margin-top:16px}
.sap-scope-note{margin-top:22px;padding:24px;border-left:3px solid #bd1721;background:#161316;border-radius:0 8px 8px 0}
.sap-scope-note strong{display:block;margin-bottom:8px;font-size:.98rem}
.sap-steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin:0;padding:0}
.sap-steps li{display:flex;gap:20px;padding:24px 0;border-top:1px solid #39454f}
.sap-steps li>span{font:800 2.8rem/1 'Roboto Condensed',Arial,sans-serif;color:#ef3038}
.sap-steps h3{margin:0 0 10px}
.sap-steps p{font-size:.92rem;line-height:1.85;color:#c3cdd5;margin:0}
.sap-conditions{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 45px}
.sap-conditions ul{align-self:center;list-style:none;padding:0;margin:0;border:1px solid #3b4751;background:#111a21;border-radius:12px}
.sap-conditions li{position:relative;padding:18px 20px 18px 43px;line-height:1.75;font-size:.9rem;color:#d1dae1;border-bottom:1px solid #2b3741}
.sap-conditions li::before{content:'✓';position:absolute;left:18px;color:#ef454e;font-weight:900}
.sap-conditions li:last-child{border-bottom:0}
.sap-conditions>.sap-reference{grid-column:1/-1;margin:0}
.sap-faq details{border-top:1px solid #394650;padding:0}
.sap-faq details:last-of-type{border-bottom:1px solid #394650}
.sap-faq summary{padding:22px 6px;cursor:pointer;font-size:1rem;font-weight:800;line-height:1.6;color:#eef3f6}
.sap-faq summary::marker{color:#ef3038}
.sap-faq details[open] summary{color:#ff4952}
.sap-faq details p{color:#c7d0d7;font-size:.94rem;line-height:1.9;max-width:940px;padding:0 6px 24px;margin:0}
.sap-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;margin:30px auto 0;background:linear-gradient(120deg,#201116,#111a22);border:1px solid #77434b;border-radius:18px}
.sap-contact-actions{display:flex;flex-direction:column;gap:14px}
.sap-contact-actions .btn{width:100%}
.sap-page-note{max-width:1160px;padding:25px 40px 0;margin:0 auto;color:#a2adb6;font-size:.78rem;line-height:1.8;text-align:center}
@media(max-width:1050px){.sap-hero{gap:32px;padding-inline:30px}.sap-feature{padding-inline:22px}.sap-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.sap-calculator{gap:28px}}
@media(max-width:760px){.sap-hero{grid-template-columns:1fr;padding:30px 20px 48px;gap:36px}.sap-hero h1{font-size:clamp(2.4rem,8vw,3.7rem)}.sap-lead{font-size:1rem}.sap-actions{flex-direction:column}.sap-actions .btn{width:100%}.sap-feature{max-width:500px;width:100%;margin:auto}.sap-feature-number{font-size:8rem}.sap-section{padding:42px 20px}.sap-calculator,.sap-conditions,.sap-contact{grid-template-columns:1fr}.sap-calculator-fields{grid-template-columns:1fr}.sap-steps{grid-template-columns:1fr;gap:0}.sap-contact{margin:15px 16px 0}.sap-page-note{padding:22px 20px 0}.sap-main .eyebrow{font-size:1rem;letter-spacing:.13em}.sap-calculator-panel{padding:22px}.sap-results output{font-size:1.55rem}.sap-result-final output{font-size:2rem}}
@media(max-width:520px){.sap-benefits,.sap-eligibility-grid{grid-template-columns:1fr}.sap-benefits article,.sap-eligibility-grid article{padding:24px}.sap-results>div{gap:12px}.sap-results span{font-size:.8rem}}

/* Fond SAP : image API native 4K, sans filtre sur la photo. */
body.sap-page{position:relative;isolation:isolate;min-height:100vh}
body.sap-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../images/fond-sap-salon-jardin-api-4k.webp?v=20261016-1') left center/cover no-repeat;opacity:1;filter:none;backdrop-filter:none}
.sap-page .sap-hero-copy{padding:30px;border:1px solid rgba(222,233,242,.24);border-radius:18px;background:rgba(8,13,18,.78)}
.sap-page .sap-section{background:rgba(8,13,18,.86);border:1px solid rgba(192,208,222,.24);border-radius:18px;margin-bottom:26px}
.sap-page .sap-contact{background:linear-gradient(120deg,rgba(32,17,22,.95),rgba(17,26,34,.95));border-color:#77434b}
.sap-page .sap-page-note{width:min(1160px,calc(100% - 40px));background:rgba(8,13,18,.88);padding:20px;border-radius:10px}
.sap-page footer{margin-top:30px;background:transparent}
@media(max-width:760px){.sap-page .sap-hero-copy{padding:24px 20px}.sap-page .sap-section{width:calc(100% - 32px);margin-left:auto;margin-right:auto}.sap-page .sap-contact{width:calc(100% - 32px)}}

/* Le grand titre reste sur la photo ; les autres fonds retrouvent leur rendu initial. */
.sap-page .sap-hero-copy{background:transparent;border:0;box-shadow:none;padding:0}
.sap-page .sap-hero-details{background:rgba(8,13,18,.78);padding:26px;border:1px solid rgba(222,233,242,.24);border-radius:18px}
.sap-page .sap-hero-details>.sap-lead{margin-top:0}
@media(max-width:760px){.sap-page .sap-hero-details{padding:24px 20px}}

/* Chiffres SAP en métal argenté, rouge et noir. */
.sap-benefit-number{width:120px;height:80px;margin-bottom:8px}
.sap-benefit-number img,.sap-step-number img{display:block;width:100%;height:100%;object-fit:contain;filter:none;box-shadow:none}
.sap-steps li>.sap-step-number{display:block;flex:0 0 100px;width:100px;height:67px}
.sap-steps li>div{min-width:0}
@media(max-width:520px){.sap-steps li{gap:14px}.sap-steps li>.sap-step-number{flex-basis:76px;width:76px;height:51px}}

.sap-feature-number>.sap-percent{display:inline-block;width:.64em;height:.72em;object-fit:contain;vertical-align:.03em;margin-left:.02em}

/* Série validée : faces rouges brossées, contours argentés, relief noir. */
.sap-feature-number-realistic{display:flex;justify-content:center;align-items:center;gap:2px;max-width:360px;margin:8px auto}
.sap-feature-number-realistic>.sap-number-fifty{display:block;width:calc(100% - 82px);min-width:0;height:auto;object-fit:contain}
.sap-feature-number-realistic>.sap-percent{display:block;flex:0 0 80px;width:80px;height:100px;object-fit:contain;margin:0}
@media(max-width:420px){.sap-feature-number-realistic>.sap-percent{flex-basis:64px;width:64px;height:80px}.sap-feature-number-realistic>.sap-number-fifty{width:calc(100% - 66px)}}

