.ms-page{--ms-ink:#132c32;--ms-muted:#536569;--ms-accent:#087e70;color:var(--ms-ink);background:#fff;font-family:Arial,sans-serif;font-size:16px;line-height:1.65}.ms-page *{box-sizing:border-box}.ms-page h1,.ms-page h2,.ms-page h3,.ms-menu h2,.ms-menu h3{font-family:inherit;font-weight:600;letter-spacing:-.035em;color:inherit}.ms-page h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08;margin:18px 0 26px}.ms-page h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:12px 0 24px}.ms-page h3{font-size:25px;line-height:1.25;margin:16px 0}.ms-page p{color:var(--ms-muted);margin:0 0 24px}.ms-page a{text-decoration:none;color:inherit}.ms-wrap{width:min(1240px,90%);margin:auto}.ms-hero{background:#eef4f2;padding:50px 0 64px}.ms-split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.ms-eyebrow,.ms-page p.ms-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--ms-accent);margin:0 0 15px;line-height:1.6}.ms-page .ms-lead{font-size:19px;line-height:1.65;max-width:560px}.ms-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.ms-page .ms-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 24px;background:#087e70;color:white;border:1px solid #087e70;font-size:14px;font-weight:600}.ms-page .ms-button:hover{background:#075e54}.ms-page .ms-text-link{font-size:14px;font-weight:600;border-bottom:1px solid #9cbbb3;padding:7px 0}.ms-hero-media{margin:0;position:relative;background:#d6e5df}.ms-hero-media img{width:100%;height:420px;object-fit:cover;display:block}.ms-hero-media figcaption{background:#153b37;color:#fff;padding:20px 24px;display:flex;flex-direction:column;gap:5px;font-size:12px}.ms-hero-media figcaption span:first-child{font-size:11px;letter-spacing:.1em;color:#9de3d2}.ms-section{padding-top:88px;padding-bottom:88px;scroll-margin-top:110px}.ms-section-heading{display:flex;gap:70px;justify-content:space-between;align-items:end;margin-bottom:36px}.ms-section-heading>div{max-width:600px}.ms-section-heading>p{max-width:350px}.ms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ms-card{padding:28px 23px;border:1px solid #dbe4e1;display:flex;flex-direction:column;min-height:315px;transition:background .2s,border-color .2s}.ms-card:hover{background:#eef8f3;border-color:#087e70}.ms-card p{font-size:14px;line-height:1.75}.ms-card-link{margin-top:auto;display:flex;justify-content:space-between;color:#087e70;font-size:13px;font-weight:600;padding-top:24px}.ms-card h3{font-size:23px}.ms-lifecycle{background:#153b37;color:white}.ms-lifecycle p{color:#c8d8d3}.ms-lifecycle .ms-eyebrow,.ms-lifecycle a,.ms-three article>span{color:#92d9c1}.ms-three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}.ms-three article>span{font-size:12px;letter-spacing:.13em}.ms-three p{font-size:15px}.ms-three a{font-size:14px;font-weight:600}.ms-link-list a{display:flex;justify-content:space-between;padding:21px 0;border-bottom:1px solid #dbe4e1;font-size:22px}.ms-link-list a:hover,.ms-related-links a:hover{color:#087e70}.ms-faq{padding-bottom:80px}.ms-faq details{border-bottom:1px solid #dbe4e1;padding:22px 0}.ms-faq summary{font-size:18px;cursor:pointer;font-weight:600}.ms-faq details p{margin:18px 0 0;max-width:850px}.ms-cta{background:#eaf2ed;padding:54px;display:flex;justify-content:space-between;gap:60px;margin-bottom:80px}.ms-cta .ms-actions{align-content:center;min-width:210px;flex-direction:column;justify-content:center}.ms-cta .ms-button{width:100%}.ms-cta .ms-button-outline{background:transparent;color:#087e70}.ms-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-bottom:38px;color:#536569}.ms-page .ms-step-number{font-size:36px;color:#087e70;letter-spacing:0}.ms-checklist>div{display:flex;gap:20px;border-bottom:1px solid #45665f;padding:20px 0}.ms-checklist>div p{margin:0}.ms-checklist span{color:#92d9c1}.ms-page .ms-note{font-size:13px;margin-top:22px}.ms-service-cards>a{padding:26px;background:#f3f6f4;border-top:2px solid #087e70}.ms-service-cards span{color:#087e70}.ms-finishing-links{display:flex;gap:30px;margin-top:30px;font-size:14px;color:#087e70}.ms-related{padding-bottom:70px}.ms-related-links{display:flex;gap:12px;flex-wrap:wrap}.ms-related-links>a{padding:10px 18px;border:1px solid #dbe4e1;font-size:14px}.ms-page a:focus-visible,.ms-menu a:focus-visible{outline:3px solid #087e70;outline-offset:4px}
/* Use the same joined tab and panel border as Materials.
   Position and tab width come from the shared navigation geometry. */
.headers .ht .navbar-nav .solution-nav-dropdown .dropdown-menu.ms-menu {
    width: var(--svc-panel-w, 760px) !important;
    max-width: 92vw !important;
    transform: none;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    padding: 0 !important;
    margin-top: 0 !important;
    border: 1px solid var(--svc-border) !important;
    border-radius: 0 12px 12px 12px !important;
    background: #1a1a2e !important;
    color: #f5f5fa;
    font-family: inherit;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .32) !important;
}
/* Keep the shared ::before corner and ::after tab seam mask. */
.headers .ht .navbar-nav.main-menu .solution-nav-dropdown.is-mega-open > .nav-link,
.headers .ht .navbar-nav.main-menu .solution-nav-dropdown.is-mega-open > .nav-link:hover,
.headers .ht .navbar-nav.main-menu .solution-nav-dropdown.is-mega-open > .nav-link:focus {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-bottom-color: transparent !important;
    border-radius: 12px 12px 0 0 !important;
}
.solution-nav-dropdown:hover .ms-menu,
.solution-nav-dropdown.is-mega-open .ms-menu,
.solution-nav-dropdown .ms-menu.show {
    display: grid !important;
}
.ms-menu, .ms-menu * { box-sizing: border-box; }
.ms-menu-main { min-width: 0; padding: 26px; }
.headers .ht .navbar-nav .ms-menu h2 {
    color: #fff !important;
    font-family: inherit;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
    margin: 0 0 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.ms-menu-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; }
.headers .ht .navbar-nav .ms-menu-links .dropdown-item {
    white-space: normal !important;
    color: rgba(255, 255, 255, .9) !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    padding: 11px 12px !important;
    border-left: 2px solid transparent;
    border-radius: 8px;
    background: transparent !important;
}
.headers .ht .navbar-nav .ms-menu-links .dropdown-item:hover,
.headers .ht .navbar-nav .ms-menu-links .dropdown-item:focus-visible {
    color: #fff !important;
    background: rgba(233, 69, 96, .14) !important;
    border-left-color: #e94560;
}
.headers .ht .navbar-nav .ms-menu-explore {
    display: block;
    padding: 20px 0 16px;
    color: #ff8a9b !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.ms-menu-contact {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: #d6d6e0;
    font-size: 13px;
    line-height: 1.6;
}
.headers .ht .navbar-nav .ms-menu-contact a {
    display: block;
    margin-top: 5px;
    color: #ff8a9b !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.headers .ht .navbar-nav .ms-menu-feature {
    display: block;
    min-width: 0;
    margin: 16px 16px 16px 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: #222238;
    white-space: normal !important;
    color: #fff !important;
    text-decoration: none !important;
}
.ms-menu-feature img { display: block; width: 100%; height: 170px; object-fit: cover; border-radius: 6px; }
.headers .ht .navbar-nav .ms-menu-feature h3 {
    color: #fff !important;
    font-family: inherit;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 20px 0 12px;
}
.headers .ht .navbar-nav .ms-menu-feature p { color: #c9c9d6; font-size: 14px; line-height: 1.7; margin: 0 0 18px; }
.headers .ht .navbar-nav .ms-menu-feature > span { color: #ff8a9b; font-size: 14px; font-weight: 600; }
.headers .ht .navbar-nav .ms-menu-feature:hover { border-color: rgba(233, 69, 96, .55); background: #28283f; }
.headers .ht .navbar-nav .ms-menu a:focus-visible { outline: 2px solid #ff8a9b; outline-offset: 3px; }
.headers .ht .navbar-nav .ms-menu-explore:hover,
.headers .ht .navbar-nav .ms-menu-contact a:hover { color: #fff !important; }
@media(max-width:1100px){.ms-grid{grid-template-columns:repeat(2,1fr)}.ms-split{gap:35px}.ms-hero-media img{height:350px}}@media(max-width:767px){.ms-split,.ms-three{grid-template-columns:1fr;gap:30px}.ms-hero{padding:32px 0 40px}.ms-hero-media img{height:290px}.ms-section{padding:54px 0}.ms-section-heading{display:block;margin-bottom:28px}.ms-section-heading>p{max-width:none}.ms-cta{padding:28px;display:block;margin-bottom:45px}.ms-cta .ms-actions{align-items:stretch}.ms-cta h2{font-size:32px}.ms-finishing-links{flex-direction:column;gap:12px}.ms-three{margin-top:25px}.ms-breadcrumb{margin-bottom:26px}}@media(max-width:480px){.ms-grid{grid-template-columns:1fr}.ms-card{min-height:245px}.ms-actions{gap:18px}.ms-page .ms-lead{font-size:17px}}

.solution-nav-dropdown:focus-within .ms-menu{display:grid!important}