.app-center-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-block:78px 74px;align-items:center}.app-center-intro h1{font-size:clamp(42px,4.5vw,66px);line-height:1.12;letter-spacing:-2.8px;font-weight:500;margin:0 0 25px}.app-center-intro h1 span{color:var(--accent)}.app-center-intro .page-lead{font-size:17px;line-height:1.9;max-width:480px}.app-intro-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.connection-panel{background:#102334;border:1px solid #345064;border-radius:12px;padding:28px}.connection-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.connection-panel .eyebrow{font-size:10px;margin:0}.connection-symbol{font-size:24px;color:var(--accent)}.connection-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #345064}.connection-row strong{font-size:15px;font-weight:500}.app-status{display:inline-flex;align-items:center;gap:7px;color:#b9c7d0;font-size:11px;font-weight:400;white-space:nowrap}.app-status i{display:block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#9caebd}.app-status[data-state=responding]{color:#9ae4d5}.app-status[data-state=responding] i{background:#79ded4}.app-status[data-state=error] i,.app-status[data-state=unavailable] i{background:#e9b77c}.connection-panel>[data-check-summary]{font-size:12px;line-height:1.7;margin:20px 0 10px;color:#bdd0df}.connection-panel button{font-size:12px;margin-bottom:15px;min-height:36px}.connection-panel small{display:block;font-size:11px;line-height:1.7;color:#9bb2c4}.connection-panel button:disabled{opacity:.6;cursor:wait}.app-catalog{background:#edf2f2;color:#102d3c;padding-block:55px 66px;scroll-margin-top:90px}.app-catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.app-catalog-heading .eyebrow{color:#426976}.app-catalog-heading h2{font-size:32px;letter-spacing:-1px;line-height:1.25;font-weight:500;margin:0}.app-catalog-heading>span{font-size:9px;letter-spacing:1.5px;white-space:nowrap;color:#426976}.live-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.live-app-card{display:flex;flex-direction:column;border:1px solid #c4d0d4;border-radius:11px;background:#fff;padding:27px;min-width:0}.live-app-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}.app-monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#d9eee8;color:#20684f;font-size:27px;font-weight:600;flex-shrink:0}.app-monogram.hatlangh{background:#ece5d5;color:#786331}.app-monogram.gracehub{background:#e3e5f2;color:#514b8b}.app-release{color:#506b79;font-size:10px;text-align:right}.live-app-card>.eyebrow{font-size:9px;color:#426976;margin-bottom:9px}.live-app-card h3{font-size:27px;font-weight:500;letter-spacing:-.7px;margin:0 0 14px}.live-app-card .app-description{color:#526873;font-size:14px;line-height:1.8;min-height:76px;margin:0 0 18px}.app-address{font-size:10px;color:#496878;overflow-wrap:anywhere;margin-bottom:22px}.live-app-card .launch-app{background:#123545;color:#fff;border-color:#123545;justify-content:space-between;min-height:48px;padding:14px 17px;font-size:12px}.live-app-card .launch-app:hover{background:#205569}.app-entry-note{color:#5a6e78;font-size:11px;line-height:1.8;margin:16px 0 23px;min-height:58px}.app-secondary-links{margin-top:auto;padding-top:16px;border-top:1px solid #d7e0e2;display:flex;flex-direction:column;gap:6px}.app-secondary-links a{display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:36px;color:#245d67}.app-secondary-links .arrow-icon{width:13px;height:13px}.app-catalog :is(a,button):focus-visible{outline-color:#1d6169}.app-next{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:70px}.app-next h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.3;margin:0 0 18px}.app-next p{font-size:14px;line-height:1.9;max-width:490px}.app-next>div>a{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.app-next a strong{font-size:16px;font-weight:500}.app-next a span{font-size:12px;margin-left:auto;color:#9bb2c4}.app-next a .arrow-icon{width:15px}.app-connection-strip{padding-block:38px 48px;display:grid;grid-template-columns:.8fr 2fr;gap:25px 50px;border-top:1px solid var(--line)}.app-connection-strip h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0 0 15px}.app-connection-strip .eyebrow{font-size:9px}.app-connection-strip .text-link{font-size:12px}.connection-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center}.connection-links>a{display:flex;align-items:center;gap:12px;padding:18px 13px;border:1px solid #345064;border-radius:7px}.connection-links strong{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.connection-links .app-monogram{width:35px;height:35px;font-size:20px;border-radius:8px}.connection-links .arrow-icon{margin-left:auto;width:13px;height:13px}.app-check-note{grid-column:2;font-size:11px;margin:0;color:#a9bfce}.connection-links .app-status{font-size:10px}.header .contact-nav.app-center-nav{min-width:auto;padding-inline:20px}.app-directory-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:#102f3b;border:1px solid #345064;border-radius:8px;margin-bottom:32px}.app-directory-callout p{font-size:14px;margin:0}.app-directory-callout a{white-space:nowrap;font-size:12px}
@media(max-width:1100px){.app-center-intro{gap:40px}.live-app-card{padding:22px}.connection-links{gap:9px}.connection-links>a{flex-wrap:wrap}.app-connection-strip{grid-template-columns:1fr}.app-check-note{grid-column:1}.app-center-intro h1{font-size:49px}.app-next{gap:45px}}
@media(max-width:850px){.app-center-intro{grid-template-columns:1fr;padding-block:50px;gap:35px}.app-center-intro h1{font-size:49px}.live-app-grid{grid-template-columns:1fr}.live-app-card{padding:28px}.live-app-top{margin-bottom:22px}.live-app-card .app-description,.app-entry-note{min-height:0}.app-next{grid-template-columns:1fr;gap:22px}.app-catalog-heading{align-items:start;flex-direction:column;gap:15px}.app-catalog-heading h2{font-size:29px}.app-directory-callout{align-items:start;flex-direction:column}}
@media(max-width:600px){.app-center-intro h1{font-size:38px;letter-spacing:-1.7px}.app-center-intro .page-lead{font-size:15px}.app-center-intro{padding-block:38px}.app-intro-actions{gap:20px}.connection-panel{padding:21px}.connection-row strong{font-size:14px}.app-status{font-size:10px}.connection-links{grid-template-columns:1fr;gap:12px}.connection-links>a{padding:17px;gap:15px}.connection-links strong{font-size:15px}.app-connection-strip{padding-block:30px}.app-check-note{line-height:1.8}.app-catalog{padding-block:38px}.live-app-card{padding:24px}.app-next{padding-block:45px}.app-next h2{font-size:28px}.app-next a span{font-size:10px}.app-next>div>a{gap:12px}.app-directory-callout{padding:20px}}

.connection-panel button{background:transparent;border:0;padding:0;color:var(--accent);cursor:pointer}.connection-symbol .arrow-icon{width:20px;height:20px}.app-center-nav .arrow-icon{width:15px;height:15px}
/* App-first navigation and launch experience. */
.launcher-intro{padding-block:48px 42px;gap:90px;grid-template-columns:1.3fr 1fr}.launcher-intro h1{font-size:49px;margin-bottom:0}.launcher-intro-copy .page-lead{margin:0 0 18px;font-size:16px;line-height:1.8}.launcher-intro-copy>.text-link{font-size:12px;margin-top:14px}.availability-summary{display:flex;align-items:center;gap:10px;width:fit-content;padding:8px 0;font-size:12px;color:#d6e7ef;min-height:36px}.availability-dot{width:6px;height:6px;border-radius:50%;background:#a8bbcb;flex-shrink:0}.availability-summary[data-state=responding] .availability-dot{background:var(--accent)}.availability-summary[data-state=unavailable] .availability-dot{background:#edc49a}.page-apps .app-catalog{padding-block:34px 45px}.page-apps .app-catalog-heading{margin-bottom:25px}.page-apps .app-catalog-heading h2{font-size:26px}.page-apps .live-app-card{padding:25px}.page-apps .live-app-top{margin-bottom:22px}.page-apps .app-address{margin:12px 0 0;font-size:9px}.page-apps .app-entry-note{margin-block:13px 19px}.card-connection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;min-height:26px}.card-connection>a{font-size:10px;color:#36616c;text-decoration:underline;text-underline-offset:3px}.live-app-card .app-status{color:#526873}.live-app-card .app-status[data-state=responding]{color:#216654}.live-app-card .app-status[data-state=responding] i{background:#286e5f}.live-app-card .app-status[data-state=error],.live-app-card .app-status[data-state=unavailable],.live-app-card .app-status[data-state=offline]{color:#795524}.live-app-card .app-status[data-state=error] i,.live-app-card .app-status[data-state=unavailable] i,.live-app-card .app-status[data-state=offline] i{background:#956c32}.app-share{padding-top:4px}.app-share button{border:0;background:transparent;color:#245d67;padding:0;font-size:12px;min-height:36px;cursor:pointer}.app-share .copy-feedback{font-size:11px;line-height:1.6;color:#365c67;margin:6px 0 0}.app-share .copy-feedback:empty{display:none}.app-service-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:60px;scroll-margin-top:100px}.app-service-heading h2,.app-start-section h2{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin:0 0 19px}.app-service-heading>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:440px}.app-service-heading>[data-check-summary]{font-size:11px;color:#a5bdcc;margin:22px 0 14px}.app-service-heading .button{font-size:12px;padding:11px 17px;min-height:42px}.app-service-section .connection-row{align-items:center;gap:18px}.connection-row>div{min-width:0}.connection-row small{display:block;font-size:9px;color:#9db6c9;overflow-wrap:anywhere;margin-top:4px}.check-details{margin-top:22px}.check-details summary{cursor:pointer;font-size:12px;min-height:32px;color:var(--accent)}.check-details p{font-size:11px;line-height:1.8;margin-bottom:0}.app-start-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-block:55px;scroll-margin-top:100px}.app-faq details{border-bottom:1px solid var(--line);padding-block:15px}.app-faq details:first-child{padding-top:0}.app-faq summary{font-size:14px;cursor:pointer;line-height:1.7;padding-block:5px}.app-faq p{font-size:13px;line-height:1.85;margin:15px 0}.app-faq a{display:inline-flex;align-items:center;gap:14px;color:var(--accent);font-size:12px;min-height:36px}.app-faq .arrow-icon{width:13px}.app-next{border-top:1px solid var(--line)}
.app-switcher{position:relative;flex-shrink:0}.app-switcher>summary{display:flex;align-items:center;gap:30px;list-style:none;cursor:pointer;background:var(--accent);color:#0d303b;border:1px solid var(--accent);padding:12px 18px;border-radius:5px;font-size:12px;font-weight:600;min-height:46px}.app-switcher>summary::-webkit-details-marker{display:none}.switcher-chevron{font:17px system-ui}.app-switcher[open]>summary{background:#a2e9e0}.app-switcher-panel{position:absolute;top:calc(100% + 13px);right:0;z-index:50;width:310px;padding:18px;background:#102334;border:1px solid #466172;border-radius:9px;box-shadow:0 18px 45px #0005}.app-switcher-panel>.eyebrow{font-size:8px;color:#abc3d2;display:block;margin:0 0 9px}.app-switcher-panel>a{display:flex;gap:13px;align-items:center;padding:13px 8px;border-radius:5px}.app-switcher-panel>a:hover{background:#1d394a}.app-switcher-panel .app-monogram{width:34px;height:34px;font-size:21px;border-radius:8px}.app-switcher-panel strong{font-size:13px;font-weight:500;color:#e5eff4;display:block}.app-switcher-panel small{display:block;font-size:10px;color:#a9c0ce;margin-top:3px}.app-switcher-panel .arrow-icon{width:13px;height:13px;margin-left:auto;color:var(--accent)}.app-switcher-panel .switcher-all{border-top:1px solid var(--line);border-radius:0;margin-top:8px;padding-top:17px;color:var(--accent);font-size:12px}.mobile-app-links{display:none}
@media(max-width:1100px){.app-switcher{display:none}.launcher-intro{gap:40px}.launcher-intro h1{font-size:43px}.app-service-section,.app-start-section{gap:40px}}
@media(max-width:850px){.launcher-intro{grid-template-columns:1fr;gap:21px;padding-block:36px}.launcher-intro h1{font-size:44px}.launcher-intro-copy .page-lead{max-width:560px;margin-bottom:10px}.launcher-intro-copy>.text-link{margin-top:5px}.page-apps .live-app-grid{grid-template-columns:1fr}.app-service-section,.app-start-section{grid-template-columns:1fr;gap:25px;padding-block:42px}.app-service-heading h2,.app-start-section h2{font-size:29px}.app-service-section .connection-panel{padding:23px}.app-service-section .connection-row{gap:12px}}
@media(max-width:740px){.header nav.is-open{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.mobile-app-links{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);padding:16px 12px 8px}.mobile-app-links>span{font-size:9px;letter-spacing:1px;color:#9dbacb;margin-bottom:6px}.mobile-app-links>a{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:13px;color:var(--accent);min-height:44px}.mobile-app-links .arrow-icon{width:13px;height:13px}.launcher-intro h1{font-size:36px;letter-spacing:-1.4px}.page-apps .app-catalog-heading h2{font-size:25px}.page-apps .app-catalog{padding-top:28px}.page-apps .live-app-card{padding:24px}.app-service-section .connection-row strong{font-size:13px}.connection-row small{font-size:8px}.app-service-section .app-status{font-size:9px}.app-service-section .connection-panel{padding:20px}.app-start-section h2 br{display:none}}

.share-link-field{width:100%;min-width:0;margin-top:10px;padding:10px;border:1px solid #9fb4bd;border-radius:4px;background:#f5f8f9;color:#1e4654;font-size:12px;min-height:42px}.share-link-field:focus-visible{outline:2px solid #1d6169;outline-offset:3px}