.why-hero{padding-top:calc(var(--header-height) + 86px);padding-bottom:95px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.why-hero h1{font-size:clamp(3.1rem,5vw,5.2rem);line-height:1.04;letter-spacing:-.04em;font-weight:500;margin:0}
.why-hero-copy>p{max-width:520px;font-size:18px;line-height:1.8;margin:28px 0;color:#d7e1f0}
.why-hero-copy .hero-actions{display:flex;flex-wrap:wrap;gap:15px 28px;align-items:center;margin-top:28px}
.why-atlas{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;max-width:530px;width:100%;justify-self:center;padding:32px 0}
.why-atlas::before{content:'';position:absolute;inset:0 -40px;background:radial-gradient(ellipse at center,#1767ff20,transparent 70%);z-index:-1;pointer-events:none}
.why-face{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0;border-radius:8px;padding:10px 2px;transition:background .25s}
.why-face:hover{background:#102440}
.why-face strong{font-size:17px;line-height:1.5;font-weight:500;min-height:28px;display:flex;align-items:center}
.why-face>span:last-child{font-size:10px;color:#9db4d5;font-variant-numeric:tabular-nums}
.why-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:91px;aspect-ratio:1}
.why-tile-grid>i{display:block;background:#203957;border:1px solid #4d739e;border-radius:2px;transition:background .3s,border-color .3s}
.why-tile-grid>i:nth-child(5){background:#1767ff;border-color:#67a8ff}
.why-face:hover .why-tile-grid>i,.why-face:focus-visible .why-tile-grid>i{background:#508cf4;border-color:#9ec6ff}
.why-atlas.is-active .why-tile-grid>i{animation:facetConnect 1.2s ease-out both}
.why-atlas .why-face:nth-child(2) i{animation-delay:.12s}.why-atlas .why-face:nth-child(3) i{animation-delay:.24s}.why-atlas .why-face:nth-child(4) i{animation-delay:.36s}.why-atlas .why-face:nth-child(5) i{animation-delay:.48s}.why-atlas .why-face:nth-child(6) i{animation-delay:.6s}
@keyframes facetConnect{40%{background:#79a6ff;border-color:#c8e3ff}100%{}}
.why-atlas-caption{grid-column:1/-1;border-top:1px solid #2c405c;padding-top:20px;text-align:center;color:#b9cde8;font-size:12px}
.why-continuity{padding-block:80px 96px;border-top:1px solid #26364e}
.why-continuity-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:42px}
.why-continuity h2,.why-facets-teaser h2{font-size:clamp(2.2rem,3.7vw,3.5rem);line-height:1.1;letter-spacing:-.035em;font-weight:500}
.why-continuity-heading>p{font-size:17px;line-height:1.8;color:#c6d6ec;max-width:490px}
.why-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #314b70;border-bottom:1px solid #26364e}
.why-path>a{position:relative;padding:30px 30px 32px 0;display:block}
.why-path>a:not(:first-child){padding-left:25px;border-left:1px solid #26364e}
.why-path svg{width:27px;height:27px;fill:none;stroke:#79a6ff;stroke-width:1.4;margin-bottom:20px}
.why-path strong{display:block;font-size:17px;font-weight:500;margin-bottom:12px}
.why-path p{font-size:13px;line-height:1.75;color:#b7cbe8;margin:0}
.why-path>a:hover strong{color:#9ec6ff}
.why-page .b-story{padding-block:55px 90px}
.why-page .b-story-art{min-height:315px}
.why-page .b-facets{border-top:1px solid #26364e;padding-top:75px}
.why-page .b-facets-heading{max-width:860px}
.facet-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.facet-search-label{display:flex;align-items:center;gap:14px;flex:1;max-width:540px;font-size:13px;color:#d7e1f0}
.facet-search-label input{width:100%;min-width:0;font:inherit;font-size:16px;min-height:48px;border:1px solid #3b526f;background:#0e1b2d;color:#f6f8fb;border-radius:6px;padding:12px 15px;caret-color:#79a6ff}
.facet-search-label input::placeholder{color:#a6bad6}
.facet-tools>button{font:inherit;font-size:13px;min-height:46px;color:#d7e1f0;border:1px solid #3b526f;background:#0e1b2d;border-radius:6px;padding:10px 17px;cursor:pointer}
.facet-results{flex-basis:100%;font-size:12px;color:#b7cbe8;min-height:19px;margin:0}
.facet-empty{padding:28px 0;color:#d7e1f0;font-size:16px}
.why-facets-teaser{margin-block:70px;display:flex;justify-content:space-between;align-items:center;gap:50px;padding-block:45px;border-block:1px solid #2b3f5c}
.why-facets-teaser p{font-size:16px;line-height:1.8;color:#c6d6ec;margin-top:20px;max-width:670px}
.why-facets-teaser .button{flex:none}
.why-page :is(a,input,button,summary):focus-visible{outline:2px solid #79a6ff;outline-offset:4px}
@media(max-width:1000px){.why-hero{grid-template-columns:1fr;gap:40px;padding-top:calc(var(--header-height) + 60px);padding-bottom:55px}.why-hero-copy{max-width:700px}.why-atlas{max-width:580px}.why-continuity-heading{gap:30px}.why-path{grid-template-columns:1fr 1fr}.why-path>a:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #26364e}.why-path>a:nth-child(4){border-top:1px solid #26364e}.why-facets-teaser{flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:600px){.why-hero{padding-top:calc(var(--header-height) + 46px);gap:28px}.why-hero h1{font-size:clamp(2.55rem,10.8vw,3.6rem)}.why-hero-copy>p{font-size:16px}.why-atlas{gap:18px 10px;padding:15px 0}.why-tile-grid{width:68px;gap:3px}.why-face strong{font-size:11px;min-height:33px}.why-face{gap:8px}.why-atlas-caption{font-size:11px;line-height:1.7}.why-continuity{padding-block:55px}.why-continuity-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.why-continuity-heading>p{font-size:16px}.why-path>a{padding:23px 13px 25px 0}.why-path>a:not(:first-child){padding-left:15px}.why-path>a:nth-child(3){padding-left:0}.why-path strong{font-size:15px}.why-path p{font-size:12px}.why-page .b-story{padding-block:15px 60px}.why-page .b-facets{padding-top:50px}.facet-search-label{flex-basis:100%;flex-direction:column;align-items:flex-start;gap:8px}.facet-search-label input{width:100%}.facet-tools>button{width:100%}.why-facets-teaser{margin-block:40px}.why-facets-teaser h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.why-atlas.is-active .why-tile-grid>i{animation:none}}
.motion-paused .why-atlas .why-tile-grid>i{animation:none}

.b-facets [hidden]{display:none!important}
.why-page .why-face strong{font-size:17px;min-height:28px}
@media(max-width:600px){.why-page .why-face strong{font-size:14px;min-height:24px}}