/* Results — shared Sanad palette, editable stories and native disclosure cards. */
.results-section{background:var(--brand-white)}
.results-section .heading-row{align-items:end;gap:40px}
.results-section .heading-row h2{flex:1.7;max-width:790px;font-size:clamp(38px,4.15vw,60px)}
.results-section .section-intro{flex:1;max-width:340px}
.result-feature{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.6fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--brand-white)}
.result-visual{position:relative;min-height:350px;isolation:isolate;overflow:hidden;background:var(--brand-dark);color:var(--brand-white)}
.result-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .75s ease}
.result-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-dark) 15%,transparent) 25%,color-mix(in srgb,var(--brand-dark) 90%,transparent));z-index:0}
.result-visual h3{position:relative;z-index:1;display:inline-block;margin:26px;padding:10px 15px;border-radius:5px;background:var(--brand-light);color:var(--brand-dark);font-size:15px;line-height:1.4;letter-spacing:0;font-weight:600}
.result-caption{position:absolute;bottom:28px;left:28px;right:24px;margin:0;z-index:1;white-space:pre-line;font-size:clamp(27px,2.6vw,36px);font-weight:500;line-height:1.13;letter-spacing:-1px}
.result-story{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}
.result-status{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;margin:0 0 30px;color:var(--muted)}
.result-status i{width:7px;height:7px;border-radius:50%;background:var(--brand-primary)}
.result-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.result-stage+.result-stage{border-left:1px solid var(--line);padding-left:22px}
.result-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--brand-light) 24%,var(--brand-white));color:var(--brand-dark);flex-shrink:0;transition:background .25s ease,transform .25s ease}
.result-icon svg{width:23px;height:23px}
.result-stage h4,.result-expanded h4{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.55px;margin:19px 0 12px}
.result-stage p,.result-expanded p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.result-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;align-items:start}
.result-more{margin:0;border:1px solid var(--line);border-radius:12px;background:var(--brand-white);overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.result-more summary{display:flex;align-items:center;gap:19px;padding:26px;list-style:none;cursor:pointer;color:var(--brand-dark)}
.result-more summary::-webkit-details-marker{display:none}
.result-summary-copy{flex:1;min-width:0}
.result-more summary h3{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0 0 7px}
.result-more summary p{padding:0;margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.result-expand{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.result-expand svg{width:24px;height:24px}
.result-more:hover,.result-more:focus-within{background:var(--brand-light);border-color:var(--brand-primary);box-shadow:0 10px 28px color-mix(in srgb,var(--brand-dark) 7%,transparent)}
.result-more:hover .result-icon,.result-more[open] .result-icon{background:var(--brand-primary);transform:rotate(-6deg)}
.result-more[open] .result-expand{transform:rotate(90deg)}
.result-expanded{margin:0 26px;padding:0 0 26px;border-top:1px solid var(--line)}
.result-expanded h4{margin:20px 0 7px;font-size:17px}
.result-expanded p{padding:0}
.result-more summary:focus-visible{outline:2px solid var(--brand-dark);outline-offset:-5px;border-radius:12px}
.result-footnote{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}
.result-footnote>div{display:flex;align-items:center;gap:12px;max-width:760px}
.result-footnote>div>svg{flex-shrink:0;width:22px;height:22px;color:var(--brand-primary)}
.result-footnote p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.result-footnote .text-link{white-space:nowrap;font-size:16px}
@media(hover:hover){.result-feature:hover .result-visual img{transform:scale(1.035)}}
@media(min-width:801px) and (max-width:1100px){.desktop-nav{gap:16px}.desktop-nav a{font-size:14px}.header-inner{gap:20px}.brand-logo-only img{width:138px}.header-cta{padding:12px 16px}}
@media(max-width:1050px){.result-feature{grid-template-columns:1fr}.result-visual{min-height:300px}.result-visual img{object-position:50% 45%}.result-story{padding:32px}.result-columns{gap:28px}.result-stage+.result-stage{padding-left:28px}.results-section .heading-row{display:block}.results-section .section-intro{max-width:560px;margin-top:24px}}
@media(max-width:600px){.result-visual{min-height:280px}.result-visual h3{margin:20px}.result-caption{left:20px;bottom:22px}.result-story{padding:25px 22px}.result-status{margin-bottom:26px}.result-columns{grid-template-columns:1fr;gap:23px}.result-stage{display:grid;grid-template-columns:42px 1fr;gap:0 14px}.result-stage+.result-stage{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.result-stage .result-icon{grid-row:1/3}.result-stage h4{margin:0 0 8px}.result-stage p{grid-column:2}.result-more-grid{grid-template-columns:1fr;gap:14px}.result-more summary{padding:22px 18px;gap:14px}.result-more summary h3{font-size:22px}.result-expanded{margin:0 20px}.result-footnote{align-items:start;flex-direction:column;gap:22px}.result-footnote>div{align-items:start}.result-footnote .text-link{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.results-section *{transition:none!important;animation:none!important}.result-feature:hover .result-visual img,.result-more:hover .result-icon{transform:none}}
.sanad-motion-off .results-section *{transition:none!important;animation:none!important}.sanad-motion-off .result-feature:hover .result-visual img,.sanad-motion-off .result-more:hover .result-icon{transform:none}
.result-visual h3{color:var(--brand-white)}
.result-more:hover summary,.result-more:focus-within summary,.result-more:hover summary p,.result-more:focus-within summary p,.result-more:hover .result-expanded,.result-more:focus-within .result-expanded,.result-more:hover .result-expanded p,.result-more:focus-within .result-expanded p{color:var(--brand-white)}
.result-more:hover .result-expanded,.result-more:focus-within .result-expanded{border-color:var(--brand-primary)}
.result-more summary:focus-visible{outline-color:var(--brand-primary)}