/* SAED homepage UI 8.4: six methodology pillars and a subtle background-only reflection. */
/* Isolated homepage components: no global header, nav or typography selectors. */
.sh8-section{--sh8-ink:#112b3e;--sh8-muted:#4e6475;--sh8-accent:#087b8c;--sh8-line:#9acbd6;--sh8-soft:#e7f2f7;box-sizing:border-box;padding:clamp(56px,6vw,100px) max(5vw,20px);font:inherit;line-height:1.85;isolation:isolate}
.sh8-section *{box-sizing:border-box}
.sh8-section .sh8-wrap{max-width:1380px;margin-inline:auto;min-width:0}
.sh8-section .sh8-heading{text-align:center;max-width:810px;margin:0 auto 56px}
.sh8-section .sh8-eyebrow{font-size:.9375rem;line-height:1.7;font-weight:500;color:var(--sh8-accent);margin:0 0 12px;max-width:none}
.sh8-section .sh8-heading h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.45;letter-spacing:0;color:var(--sh8-ink);margin:0 0 20px;overflow-wrap:anywhere;text-wrap:balance}
.sh8-section .sh8-intro{font-size:1.0625rem;line-height:1.95;color:var(--sh8-muted);margin:0 auto 14px;max-width:70ch;text-wrap:pretty}
.sh8-section .sh8-outcome{font-size:1.0625rem;line-height:1.8;color:var(--sh8-ink);margin:0;font-weight:500;max-width:none}
.sh8-method{background:#f3f8fc;color:var(--sh8-ink)}
.sh8-section .sh8-method-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px) minmax(0,1fr);grid-template-rows:repeat(3,auto);gap:24px 32px;align-items:center;position:relative}
.sh8-section .sh8-hub{position:relative;grid-column:2;grid-row:1/span 3;aspect-ratio:1;display:grid;place-items:center;width:100%;max-width:360px;margin:auto;isolation:isolate}
.sh8-section .sh8-hub:before{content:'';position:absolute;inset:23%;border-radius:50%;background:#04162b;box-shadow:0 16px 45px #07446418;z-index:-1}
.sh8-section .sh8-hub p{font-size:clamp(1.25rem,1.7vw,1.65rem);font-weight:500;line-height:1.7;color:#e7fbff;text-align:center;max-width:8.5em;width:45%;margin:0;text-wrap:balance}
.sh8-section .sh8-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--sh8-line);stroke-width:1;pointer-events:none;z-index:-1}
.sh8-section .sh8-orbit-middle{stroke:#65bac9;stroke-width:1.8}
.sh8-section .sh8-orbit-inner{stroke:#2699ab;stroke-width:2.5;stroke-dasharray:490 270;transform-origin:180px 180px;transform:rotate(-40deg)}
.sh8-section .sh8-orbit-outer{stroke-dasharray:3 8;opacity:.65}
.sh8-section .sh8-orbit-nodes{fill:#36aabe;stroke:#f3f8fc;stroke-width:3}
.sh8-section .sh8-pillars{display:contents;list-style:none;margin:0;padding:0}
.sh8-section .sh8-pillar{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:start;min-width:0;padding:14px 0}
.sh8-section .sh8-pillar-1{grid-column:1;grid-row:1}.sh8-section .sh8-pillar-2{grid-column:1;grid-row:2}.sh8-section .sh8-pillar-3{grid-column:1;grid-row:3}.sh8-section .sh8-pillar-4{grid-column:3;grid-row:3}.sh8-section .sh8-pillar-5{grid-column:3;grid-row:1}.sh8-section .sh8-pillar-6{grid-column:3;grid-row:2}
.sh8-section .sh8-pillar:after{content:'';position:absolute;inset-inline-end:-26px;top:42px;width:22px;border-top:1px solid var(--sh8-line);opacity:.6}
.sh8-section :is(.sh8-pillar-4,.sh8-pillar-5,.sh8-pillar-6):after{inset-inline-end:auto;inset-inline-start:-26px}
.sh8-section .sh8-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--sh8-soft);border:1px solid #6486971c;border-radius:50%;color:var(--sh8-accent);flex-shrink:0;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}
.sh8-section .sh8-icon svg{display:block;width:28px;height:28px}
.sh8-section :is(.sh8-pillar,.sh8-step) h3{font-size:1.125rem;line-height:1.7;letter-spacing:0;font-weight:500;color:var(--sh8-ink);margin:0 0 9px;overflow-wrap:anywhere}
.sh8-section :is(.sh8-pillar,.sh8-step) p{font-size:1rem;line-height:1.95;color:var(--sh8-muted);margin:0;max-width:none;overflow-wrap:anywhere}
.sh8-journey{--sh8-ink:#eef8ff;--sh8-muted:#b2c7d8;--sh8-accent:#60d4dc;--sh8-soft:#0b263b;--sh8-line:#2d566d;background:#041126;color:var(--sh8-ink);border:1px solid #77bec42b;border-radius:26px;margin:40px max(3vw,14px);padding-inline:max(3vw,22px)}
.sh8-journey .sh8-heading{margin-bottom:54px}
.sh8-section .sh8-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}
.sh8-section .sh8-step{position:relative;padding:0 22px;min-width:0;text-align:center}
.sh8-section .sh8-step:before{content:'';position:absolute;inset-inline:0;top:34px;height:1px;background:var(--sh8-line);z-index:-1}
.sh8-section .sh8-step:first-child:before{inset-inline-start:50%}.sh8-section .sh8-step:last-child:before{inset-inline-end:50%}
.sh8-section .sh8-step-top{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:16px}
.sh8-section .sh8-step .sh8-icon{width:68px;height:68px;background:#082139;box-shadow:0 0 0 9px #041126}
.sh8-section .sh8-step .sh8-icon svg{width:31px;height:31px}
.sh8-section .sh8-number{display:block;font-size:2.6rem;font-weight:500;line-height:1.2;color:var(--sh8-accent);font-variant-numeric:tabular-nums}
.sh8-section .sh8-step h3{min-height:0}
/* V8.4: cancel legacy photo-wide color layers. Tint lives in a separate clipped background layer. */
.home-page .home-hero .home-portrait-frame:before,.home-page .home-hero .home-portrait-frame:after{content:none!important;display:none!important}
.home-page .home-hero .home-portrait-frame,.home-page .home-hero .home-hero-media img{filter:none!important;mix-blend-mode:normal!important}
.home-background-sheen-v84{display:none;pointer-events:none}
@media(min-width:1101px) and (hover:hover) and (pointer:fine){
 .home-page .home-hero[data-sh8-sheen="1"] .home-background-sheen-v84{display:block;position:absolute;inset:0;pointer-events:none;clip-path:inset(0 0 0 58%);background:radial-gradient(ellipse at 67% 45%,#61d7ee26 0%,transparent 43%);opacity:0;transition:opacity .45s ease-out}
 html[dir=ltr] .home-page .home-hero[data-sh8-sheen="1"] .home-background-sheen-v84{clip-path:inset(0 58% 0 0);background:radial-gradient(ellipse at 33% 45%,#61d7ee26 0%,transparent 43%)}
 .home-page .home-hero[data-sh8-sheen="1"]:hover .home-background-sheen-v84{opacity:.35}
}
@media(prefers-reduced-motion:reduce){.home-background-sheen-v84{transition:none!important}}
@media(hover:hover) and (pointer:fine){.sh8-section :is(.sh8-pillar,.sh8-step):hover .sh8-icon{color:var(--sh8-ink);border-color:var(--sh8-accent);box-shadow:0 0 24px #55d0d51c}.sh8-section .sh8-pillar:hover:after{opacity:1;border-color:var(--sh8-accent)}}
@media(max-width:1100px){.sh8-section .sh8-steps{grid-template-columns:1fr;gap:0;max-width:720px;margin-inline:auto}.sh8-section .sh8-step{text-align:start;padding:0 0 32px;padding-inline-start:96px;min-height:132px}.sh8-section .sh8-step-top{position:absolute;inset-inline-start:0;top:0;gap:9px;margin:0}.sh8-section .sh8-step .sh8-icon{width:54px;height:54px;box-shadow:0 0 0 8px #041126}.sh8-section .sh8-step .sh8-icon svg{width:26px;height:26px}.sh8-section .sh8-number{font-size:1.5rem;background:#041126;padding:2px 8px}.sh8-section .sh8-step:before,.sh8-section .sh8-step:first-child:before,.sh8-section .sh8-step:last-child:before{inset-inline-start:26px;inset-inline-end:auto;top:54px;bottom:0;width:1px;height:auto}.sh8-section .sh8-step:last-child{padding-bottom:0}.sh8-section .sh8-step:last-child:before{display:none}}
@media(max-width:980px){.sh8-section .sh8-method-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}.sh8-section .sh8-hub{grid-column:1/-1;grid-row:auto;max-width:290px;margin-bottom:18px}.sh8-section .sh8-pillar{grid-column:auto;grid-row:auto}.sh8-section .sh8-pillar:after{display:none}.sh8-section .sh8-hub p{font-size:1.45rem}}
@media(max-width:640px){.sh8-section{padding:50px 22px}.sh8-section .sh8-heading{margin-bottom:32px}.sh8-section .sh8-heading h2{font-size:1.9rem;line-height:1.55}.sh8-section .sh8-intro,.sh8-section .sh8-outcome{font-size:1rem}.sh8-section .sh8-method-map{grid-template-columns:minmax(0,1fr);gap:8px}.sh8-section .sh8-hub{max-width:270px;margin-bottom:24px}.sh8-section .sh8-pillar{padding:18px 0;border-bottom:1px solid #64869722;gap:16px}.sh8-section .sh8-pillar:last-child{border-bottom:0}.sh8-section .sh8-pillar h3,.sh8-section .sh8-step h3{font-size:1.1rem}.sh8-journey{border-radius:20px;margin-inline:12px;padding-inline:22px}.sh8-section .sh8-step{padding-inline-start:76px;padding-bottom:28px}.sh8-section .sh8-step p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.home-page .home-hero[data-sh8-sheen="1"] .home-portrait-frame:before,.home-page .home-hero[data-sh8-sheen="1"] .home-portrait-frame:after{transition:none}.sh8-section .sh8-icon{transition:none}}
@media print{.sh8-section{break-inside:auto;background:#fff;color:#111;margin:0;padding:16px 0;--sh8-ink:#111;--sh8-muted:#333;--sh8-accent:#144a57;--sh8-line:#777}.sh8-section .sh8-pillar,.sh8-section .sh8-step{break-inside:avoid}.sh8-section .sh8-step .sh8-icon{box-shadow:none;background:#fff}.home-page .home-portrait-frame:before,.home-page .home-portrait-frame:after{display:none}}
