/* Additional service details inherit the accepted palette, type and chrome. */
.es-page { color:var(--ink); font-size:17px; line-height:1.9; }
.es-container { width:min(1280px,88%); margin-inline:auto; }
.es-page p { margin:0; }
.es-page :is(h1,h2,h3,h4) { overflow-wrap:normal; }
.es-page h2 { font-size:clamp(29px,3.1vw,43px); line-height:1.55; letter-spacing:-.035em; }
.es-phrase { display:inline-block; max-width:100%; }
.es-page .eyebrow { font-size:13px; margin-bottom:17px; color:#496991; letter-spacing:.17em; }
.es-page .icon { width:24px; height:24px; flex:none; }
.es-page :is(a,summary):focus-visible { outline:3px solid #1683df; outline-offset:5px; }
.es-page .button { min-height:60px; font-size:16px; gap:18px; padding:16px 32px; }
.es-page .button:hover { filter:none; }
.es-hero { color:white; background:#001126; padding-bottom:58px; }
.es-breadcrumb { display:flex; flex-wrap:wrap; gap:11px; padding:22px 0 32px; font-size:12px; color:#bed1e9; }
.es-breadcrumb a { text-decoration:none; }
.es-breadcrumb a:hover { text-decoration:underline; }
.es-hero-grid { display:grid; grid-template-columns:1.25fr .85fr; gap:clamp(40px,6vw,86px); align-items:center; }
.es-service-name { color:#b8ddff; font-size:18px; font-weight:600; margin-bottom:20px!important; }
.es-hero h1 { font-size:clamp(34px,4.1vw,58px); font-weight:800; line-height:1.43; letter-spacing:-.035em; }
.es-hero h1 > span { display:block; }
.es-hero h1 .gradient-text { background-image:linear-gradient(95deg,#04caef 0%,#429fff 34%,#d279f0 68%,#f04de9 100%); }
.es-lead { color:#e2ebf7; font-size:17px; line-height:1.95; max-width:34em; margin-top:24px!important; }
.es-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 26px; margin-top:28px; }
.es-hero-link { display:inline-flex; align-items:center; gap:12px; min-height:48px; font-size:15px; text-underline-offset:5px; }
.es-hero-link .icon { transform:rotate(90deg); width:20px; height:20px; }
.es-demo { font-size:13px; color:#bed1e9; margin-top:17px!important; max-width:35em; }
.es-hero-art { margin:0; width:100%; max-width:380px; justify-self:end; }
.es-hero-art img { display:block; width:100%; height:auto; border-radius:16px; }
.es-hero-art figcaption { font-size:12px; color:#bed1e9; text-align:right; padding-top:9px; }
.es-hero a:focus-visible { outline-color:#95d9ff; }
.es-page-nav { border-bottom:1px solid #dce5f2; background:#fff; }
.es-page-nav > div { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
.es-page-nav a { display:flex; align-items:center; justify-content:center; gap:13px; padding:21px 10px; min-height:64px; text-decoration:none; font-size:14px; font-weight:600; }
.es-page-nav a:hover { background:#f2f6fd; color:#2857a5; }
.es-page-nav .icon { width:16px; height:16px; transform:rotate(90deg); }
.es-section { padding:88px 0; scroll-margin-top:24px; }
.es-section-head { display:grid; grid-template-columns:1fr 1fr; gap:clamp(38px,7vw,96px); align-items:end; margin-bottom:44px; }
.es-intro { color:#465c79; font-size:17px; line-height:1.95; }
.es-scope-label { font-size:17px; font-weight:600; margin:0 0 18px; }
.es-scope-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:50px; }
.es-scope-item { display:flex; gap:21px; padding:27px 0 31px; border-top:1px solid #d5e0f0; }
.es-number { color:#5279a8; font:500 17px/1.9 Arial,sans-serif; padding-top:3px; }
.es-scope-item h4 { font-size:21px; line-height:1.6; margin:0 0 11px; }
.es-scope-item p { font-size:16px; color:#465c79; }
.es-approach { background:#f3f7fc; }
.es-focus-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.es-focus-grid:has(> article:nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.es-focus-grid article { padding-top:23px; border-top:2px solid #86a9d2; }
.es-focus-mark { display:block; font:500 15px/1.5 Arial,sans-serif; letter-spacing:.06em; color:#436898; margin-bottom:15px; }
.es-focus-grid h3 { font-size:21px; line-height:1.65; margin-bottom:13px; }
.es-focus-grid p { font-size:16px; color:#465c79; }
.es-split { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(45px,8vw,115px); }
.es-split > div > .es-intro { margin-top:23px; }
.es-flow { list-style:none; margin:0; padding:0; }
.es-flow li { display:grid; grid-template-columns:50px 1fr; gap:22px; position:relative; padding:0 0 34px; }
.es-flow li:last-child { padding-bottom:0; }
.es-flow li:not(:last-child):before { content:""; position:absolute; width:1px; background:#cadbed; top:49px; bottom:5px; left:24px; }
.es-step { width:49px; height:49px; display:grid; place-items:center; border:1px solid #93b7df; border-radius:50%; color:#2459a1; font:500 17px/1 Arial,sans-serif; }
.es-flow h3 { font-size:20px; line-height:1.6; margin:5px 0 10px; }
.es-flow p { color:#465c79; font-size:16px; }
.es-pricing { background:#f6f8fc; }
.es-estimate { border-top:3px solid #457acc; padding-top:25px; }
.es-estimate-label { font-size:20px; font-weight:700; }
.es-estimate dl { margin:20px 0 23px; }
.es-estimate dl > div { padding:19px 0; border-bottom:1px solid #d5dfed; }
.es-estimate dt { font-size:17px; font-weight:700; margin-bottom:7px; }
.es-estimate dd { margin:0; font-size:16px; color:#465c79; }
.es-price-note { font-size:14px; color:#4f6582; }
.es-text-link { display:inline-flex; align-items:center; gap:17px; min-height:48px; color:#29579f; font-size:16px; font-weight:600; text-decoration:none; }
.es-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.es-estimate > a { margin-top:18px; }
.es-faq details { border-bottom:1px solid #d5dfed; }
.es-faq details:first-child { border-top:1px solid #d5dfed; }
.es-faq summary { display:grid; grid-template-columns:27px 1fr 18px; gap:13px; align-items:start; padding:24px 0; font-size:17px; font-weight:600; line-height:1.8; cursor:pointer; list-style:none; }
.es-faq summary::-webkit-details-marker { display:none; }
.es-q { color:#2e5eaa; font:600 18px/1.8 Arial,sans-serif; }
.es-disclosure { position:relative; width:18px; height:18px; margin-top:6px; }
.es-disclosure:before,.es-disclosure:after { content:""; position:absolute; background:#416aa1; }
.es-disclosure:before { width:16px; height:1.5px; left:1px; top:8px; }
.es-disclosure:after { width:1.5px; height:16px; left:8px; top:1px; }
.es-faq details[open] .es-disclosure:after { display:none; }
.es-faq details > p { padding:0 0 25px 40px; color:#465c79; font-size:16px; }
.es-related { background:#f3f7fc; }
.es-related .es-section-head > a { justify-self:end; }
.es-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.es-related-grid > a { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:23px 0; border-block:1px solid #cbd9ed; text-decoration:none; }
.es-related-grid strong { font-size:21px; line-height:1.6; display:block; }
.es-related-grid a > span > span { display:block; color:#526888; font-size:15px; margin-top:9px; }
.es-related-grid a:hover strong { color:#285da6; text-decoration:underline; text-underline-offset:5px; }
.es-service-index { display:flex; flex-wrap:wrap; gap:5px 25px; margin-top:30px; }
.es-service-index a { min-height:44px; display:inline-flex; align-items:center; font-size:14px; color:#486487; text-decoration:none; text-underline-offset:5px; }
.es-service-index a:hover,.es-service-index a[aria-current="page"] { text-decoration:underline; }
.es-service-index a[aria-current="page"] { font-weight:700; color:#204e96; }
.es-page .site-contact-button { width:min(100%,330px); }
.es-page .site-contact-description { font-size:17px; }

@media(max-width:1100px) {
  .es-hero-grid { grid-template-columns:1.2fr .8fr; gap:38px; }
  .es-hero h1 { font-size:40px; }
  .es-hero-art { max-width:310px; }
  .es-focus-grid { gap:26px; }
  .es-split { gap:45px; }
  .es-section-head { gap:45px; }
}
@media(max-width:800px) {
  .es-hero-grid { grid-template-columns:1fr; }
  .es-hero-art { max-width:300px; justify-self:center; }
  .es-hero-copy { max-width:640px; }
  .es-page-nav > div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .es-page-nav a { border-bottom:1px solid #e1e8f2; }
  .es-section { padding:64px 0; }
  .es-section-head,.es-split { grid-template-columns:1fr; gap:27px; }
  .es-scope-grid { column-gap:30px; }
  .es-focus-grid,.es-focus-grid:has(> article:nth-child(4)) { grid-template-columns:1fr; gap:26px; }
  .es-focus-grid article { padding-top:20px; }
  .es-focus-mark { margin-bottom:9px; }
  .es-related .es-section-head > a { justify-self:start; }
}
@media(max-width:600px) {
  .es-container { width:calc(100% - 40px); }
  .es-breadcrumb { padding:18px 0 28px; font-size:12px; gap:9px; }
  .es-hero { padding-bottom:35px; }
  .es-service-name { font-size:16px; margin-bottom:17px!important; }
  .es-hero h1 { font-size:clamp(26px,7.8vw,35px); line-height:1.5; }
  .es-lead { font-size:16px; margin-top:20px!important; }
  .es-hero-actions { gap:9px; flex-direction:column; align-items:flex-start; margin-top:23px; }
  .es-page .button { padding-inline:23px; gap:15px; }
  .es-hero .button { width:100%; }
  .es-demo { font-size:14px; margin-top:12px!important; }
  .es-hero-art { max-width:235px; }
  .es-hero-grid { gap:27px; }
  .es-page-nav > div { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .es-page-nav a { min-height:56px; padding:15px 10px; }
  .es-page-nav a:nth-child(odd) { border-right:1px solid #e1e8f2; }
  .es-page h2 { font-size:28px; line-height:1.6; }
  .es-page .eyebrow { font-size:12px; margin-bottom:13px; }
  .es-section { padding:51px 0; }
  .es-section-head { margin-bottom:32px; }
  .es-intro { font-size:16px; }
  .es-scope-label { font-size:16px; }
  .es-scope-grid { grid-template-columns:1fr; }
  .es-scope-item { gap:17px; padding:23px 0; }
  .es-scope-item h4,.es-focus-grid h3 { font-size:19px; }
  .es-flow li { grid-template-columns:41px 1fr; gap:17px; padding-bottom:28px; }
  .es-step { width:40px; height:40px; font-size:15px; }
  .es-flow li:not(:last-child):before { left:19px; top:44px; }
  .es-flow h3 { font-size:18px; margin-top:3px; }
  .es-estimate-label { font-size:18px; }
  .es-faq summary { font-size:16px; gap:10px; grid-template-columns:24px 1fr 17px; padding:21px 0; }
  .es-faq details > p { padding-left:34px; }
  .es-related-grid { grid-template-columns:1fr; gap:0; }
  .es-related-grid > a + a { border-top:0; }
  .es-related-grid strong { font-size:19px; }
  .es-service-index { gap:3px 22px; margin-top:24px; }
}