/* Below the homepage hero only. The approved Earth film and its controller stay unchanged. */
.below-flow .blue-directory-heading{display:block;margin-bottom:32px}
.below-flow .service-directory .service-intro{max-width:58ch;font-size:18px}
.below-flow .service-directory .service-principle{font-size:16px;letter-spacing:.04em}
.below-flow .blue-finder-heading{margin:0;scroll-margin-top:32px}
.below-flow .service-status-buttons{margin-bottom:20px;gap:8px}
.below-flow .service-status-buttons button{border-radius:10px;min-height:48px;font-size:16px;padding:10px 18px}
.below-flow .service-status-buttons button:not([aria-pressed=true]){background:#e5edf4;color:#34556f;border-color:#d2e0eb}
.below-flow .service-search{box-shadow:none;border-radius:14px;gap:20px;padding:22px 24px}
.below-flow .service-search label{color:#23455f;font-size:16px}
.below-flow .service-search :is(input,select){color:#142e47;background:#f8fbfd;border-color:#9db5c8;min-height:52px;font-size:17px}
.below-flow .service-search input::placeholder{color:#587086}
.below-flow .service-search .service-reset{background:transparent;color:#345b78;border-color:transparent;font-size:16px;text-underline-offset:5px}
.below-flow .service-result-heading{margin-top:32px;gap:20px}
.below-flow .service-result-heading h3{color:#173c57;font-size:24px!important;line-height:1.5}
.below-flow .service-result-count{color:#50677c;font-size:16px}
.below-flow .service-scope{color:#50677c;font-size:16px;line-height:1.8;max-width:70ch;margin:8px 0 28px}
.below-flow .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border-top:1px solid #c9dbe8}
.below-flow .service-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;align-content:start;background:transparent;border:0;border-bottom:1px solid #c9dbe8;border-radius:0;padding:28px 0;transition:background .2s}
.below-flow .service-card:hover{background:#edf4fa;border-color:#9bb9ce;transform:none;box-shadow:none}
.below-flow .service-card[hidden]{display:none}
.below-flow .blue-tool-icon{grid-row:1/4;grid-column:1;margin:0;width:44px;height:44px;border-radius:12px;background:#e6f0f7;border-color:#c9dfed;color:#30688d}
.below-flow .service-card .service-meta{grid-column:2;justify-content:flex-start;margin:0 0 7px;font-size:14px;gap:7px 12px;line-height:1.7;color:#4c687e}
.below-flow .service-card .service-status{font-size:14px;white-space:normal}
.below-flow .service-card .service-status.ready{color:#32604f}
.below-flow .service-directory .service-card h3{grid-column:2;font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0 0 10px;overflow-wrap:break-word;color:#15354f}
.below-flow .service-directory .service-card p{grid-column:2;max-width:45ch;font-size:17px;line-height:1.8;color:#4c6478;margin:0 0 12px}
.below-flow .service-card-end{grid-column:2;margin:0;border:0;padding:0;justify-content:flex-start}
.below-flow .service-directory .service-open{width:auto;min-height:48px;padding:8px 0;font-size:17px;justify-content:flex-start;color:#175b88!important;background:transparent}
.below-flow .service-directory .service-open:hover{color:#123954!important;background:transparent;text-decoration:underline}
.below-flow .service-wait{padding:8px 0;font-size:16px;color:#536b80}
.below-flow .service-pagination{margin:28px 0 0;gap:20px;color:#45627b}
.below-flow .service-pagination button{min-height:48px;padding:11px 18px;border-color:#9ab6cb;background:#fff;color:#214f70;font-size:16px}
.below-flow .service-pagination button:disabled{background:#e6edf3;color:#61778b;border-color:#c5d5e2}
.below-flow .service-empty{border-color:#9ab6cb;background:white}
.below-flow .service-empty :is(h3,p){color:#36536b}
.below-flow .service-empty button{color:#214f70;border-color:#9ab6cb;min-height:48px}
.below-flow .blue-featured{margin:64px 0 0;padding:36px 0 0;border-top:1px solid #c9dbe8}
.below-flow .blue-featured-title{font-size:22px!important;color:#183e59!important;margin-bottom:24px!important;font-weight:600!important;letter-spacing:-.02em}
.below-flow .blue-feature-grid{gap:22px}
.below-flow .blue-feature{border-color:#d4e2ec;border-radius:16px;box-shadow:none}
.below-flow .blue-feature:hover{transform:none;box-shadow:0 8px 24px #163d5809}
.below-flow .blue-example{height:150px;padding:16px 20px;background:#e9f1f7}
.below-flow .blue-example-label{margin-bottom:10px}
.below-flow .blue-photo-pair{max-width:270px;margin:auto}
.below-flow .blue-photo-pair img{height:45px}
.below-flow .blue-sheet-row>span{padding:5px}
.below-flow .blue-sheet-window{width:100%}
.below-flow .blue-subtitle-window{padding:12px}
.below-flow .blue-timeline{margin-bottom:6px}
.below-flow .blue-feature-copy{padding:22px}
.below-flow .blue-feature h3{font-size:21px!important;line-height:1.5!important}
.below-flow .blue-feature-copy>p{font-size:16px!important;line-height:1.8!important;margin-bottom:16px!important}
.below-flow .blue-feature-link{font-size:16px;min-height:48px}
.below-flow .blue-example-note{font-size:16px!important;line-height:1.8;margin-top:20px!important;color:#50677c!important}
.below-flow .service-footer-note{font-size:16px;line-height:1.8;max-width:70ch;margin-top:36px}
.below-flow .service-legacy{font-size:16px;margin-top:28px;padding-top:18px}
.below-flow .service-legacy summary{font-size:16px;color:#315b7a;min-height:48px;line-height:1.7}
.below-flow .service-legacy p{color:#4c6478;line-height:1.8}
.below-flow .service-legacy a{color:#175b88!important;min-height:48px}
.below-flow .dawn-bridge{padding-block:100px}
.below-flow .dawn-bridge-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px}
.below-flow .dawn-bridge-kicker{font-size:16px;letter-spacing:.04em}
.below-flow .dawn-bridge h2{font-size:clamp(30px,3vw,40px);line-height:1.5}
.below-flow .dawn-bridge-text p{font-size:18px;line-height:1.9;max-width:42ch}
.below-flow .vision-copy p{font-size:18px;line-height:1.9;max-width:45ch}
.below-flow .vision-copy .secondary{font-size:17px;min-height:50px;border-radius:10px}
.below-flow footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px 60px;align-items:start;padding-block:56px}
.below-flow footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 28px}
.below-flow footer>div a{display:flex;align-items:center;min-height:48px;font-size:16px;line-height:1.6;color:#d5e4f0}
.below-flow footer small{grid-column:1/-1;font-size:14px}
@media(max-width:1000px){.below-flow .service-search{grid-template-columns:minmax(0,1fr) minmax(180px,230px)}.below-flow .service-search .service-reset{justify-self:start;grid-column:1/-1}.below-flow .service-grid{gap:0 28px}.below-flow .service-card{column-gap:14px}.below-flow footer{column-gap:30px}}
@media(max-width:760px){
 .below-flow .blue-directory-heading{margin-bottom:28px}
 .below-flow .service-directory .service-principle{font-size:15px}
 .below-flow .service-directory h2{font-size:31px;line-height:1.45}
 .below-flow .service-directory .service-intro{font-size:17px;line-height:1.8}
 .below-flow .service-status-buttons{gap:6px}
 .below-flow .service-status-buttons button{font-size:15px;padding:10px 12px;gap:5px}
 .below-flow .service-search{grid-template-columns:1fr;padding:20px;gap:16px}
 .below-flow .service-search .service-reset{justify-self:start;min-height:44px;padding:5px 0}
 .below-flow .service-result-heading{margin-top:28px}
 .below-flow .service-scope{font-size:16px;margin-bottom:20px}
 .below-flow .service-grid{grid-template-columns:1fr}
 .below-flow .service-card{padding:25px 0;grid-template-columns:36px minmax(0,1fr);column-gap:14px}
 .below-flow .blue-tool-icon{width:36px;height:36px;border-radius:10px}
 .below-flow .blue-tool-icon svg{width:20px;height:20px}
 .below-flow .service-card .service-meta{font-size:14px;gap:5px 10px}
 .below-flow .service-directory .service-card h3{font-size:22px;line-height:1.5}
 .below-flow .service-directory .service-card p{font-size:16px;line-height:1.85}
 .below-flow .service-pagination{gap:12px}
 .below-flow .blue-featured{margin-top:48px;padding-top:28px}
 .below-flow .blue-feature-grid{gap:16px}
 .below-flow .blue-feature{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch}
 .below-flow .blue-example{height:100%;padding:22px 10px;display:flex;align-items:center;border-bottom:0;border-right:1px solid #d4e2ec}
 .below-flow .blue-example-label{display:none}
 .below-flow .blue-photo-pair{display:block;width:100%}
 .below-flow .blue-photo-pair>div{padding:5px;margin:8px 0;transform:none}
 .below-flow .blue-photo-pair>div:last-child{transform:none}
 .below-flow .blue-photo-pair img{height:30px}
 .below-flow .blue-photo-pair span{font-size:9px}
 .below-flow .blue-demo-arrow{display:none}
 .below-flow .blue-sheet-window{width:170px;flex-shrink:0;transform:rotate(-2deg)}
 .below-flow .blue-subtitle-window{width:150px;flex-shrink:0;padding:12px}
 .below-flow .blue-feature-copy{padding:20px 16px}
 .below-flow .blue-feature h3{font-size:20px!important;letter-spacing:-.025em}
 .below-flow .blue-feature-copy>p{font-size:16px!important;line-height:1.8!important;margin-bottom:12px!important}
 .below-flow .blue-feature-link{font-size:16px;gap:5px;padding-top:8px}
 .below-flow .blue-feature-link>span[aria-hidden]{width:26px;height:26px;font-size:17px}
 .below-flow .blue-example-note{font-size:16px!important}
 .below-flow .dawn-bridge{padding-block:64px}
 .below-flow .dawn-bridge-inner{grid-template-columns:1fr;gap:28px}
 .below-flow .dawn-bridge-text p{font-size:17px;line-height:1.9}
 .below-flow .vision-copy p{font-size:17px;line-height:1.9}
 .below-flow footer{grid-template-columns:1fr;gap:24px;padding-block:40px}
 .below-flow footer>div{justify-content:flex-start;gap:4px 24px}
 .below-flow footer>div a{font-size:16px}
}
@media(max-width:360px){
 .below-flow .blue-feature{grid-template-columns:1fr}
 .below-flow .blue-example{height:116px;padding:14px 20px;border-right:0;border-bottom:1px solid #d4e2ec}
 .below-flow .blue-photo-pair{display:grid;grid-template-columns:1fr 16px 1fr;gap:10px;width:100%}
 .below-flow .blue-photo-pair>div{margin:0}
 .below-flow .blue-photo-pair img{height:40px}
 .below-flow .blue-demo-arrow{display:block}
 .below-flow .blue-sheet-window,.below-flow .blue-subtitle-window{width:100%;flex-shrink:1}
 .below-flow .blue-feature-copy{padding:20px}
 .below-flow .service-status-buttons button{padding:10px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.below-flow .service-card,.below-flow .blue-feature{transition:none;transform:none}}