/* Customer-first extension of XMLA's navy, blue and teal visual language. */
body.xmla-next-active #main{background:#071321;color:#d5e4ed}
body.xmla-next-active #main .xn-hero{position:relative;isolation:isolate;padding:64px 0 48px!important;background:radial-gradient(ellipse at 90% 10%,#123c4d88,transparent 55%),linear-gradient(145deg,#081421,#0b1d2e 62%,#092831);overflow:hidden}
body.xmla-next-active #main .xn-wrap{width:calc(100% - 64px)!important;max-width:1240px!important;margin:0 auto!important}
body.xmla-next-active #main .xn-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:52px;align-items:center}
body.xmla-next-active #main .xn-copy{min-width:0;position:relative;z-index:1}
body.xmla-next-active #main .xn-eyebrow{color:#83e0e8!important;font:700 11px/1.6 Arial,sans-serif!important;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 18px!important}
body.xmla-next-active #main .xn-hero h1{font:500 clamp(38px,4.1vw,62px)/1.1 Oswald,Arial,sans-serif!important;letter-spacing:-.3px!important;margin:0 0 24px!important;color:#f0f8ff!important;text-transform:none!important;text-shadow:none!important;overflow-wrap:normal}
body.xmla-next-active #main .xn-hero h1 em{font-style:normal;color:#91dce6}
body.xmla-next-active #main .xn-lede{font:400 17px/1.8 Arial,sans-serif!important;color:#c5d8e3!important;max-width:590px;margin:0 0 26px!important}
body.xmla-next-active #main .xn-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.xmla-next-active #main .xn-button{display:inline-flex!important;align-items:center;justify-content:space-between;gap:22px;padding:14px 20px!important;min-height:48px;border:1px solid #54b9df!important;border-radius:9px!important;background:linear-gradient(125deg,#216daf,#117a88)!important;color:#fff!important;text-decoration:none!important;font:600 13px/1.4 Arial,sans-serif!important;box-shadow:0 8px 22px #0003!important;transition:background .18s ease,box-shadow .18s ease}
body.xmla-next-active #main .xn-button.xn-secondary{background:#102838!important;border-color:#426b80!important;color:#c9e9f0!important;box-shadow:none!important}
body.xmla-next-active #main .xn-button:hover{background:#236e92!important;color:#fff!important;box-shadow:0 0 0 3px #65d5e526!important}
body.xmla-next-active #main .xn-button:focus-visible,body.xmla-next-active #main .xn-paths>a:focus-visible{outline:3px solid #8de8eb!important;outline-offset:4px}
body.xmla-next-active #main .xn-note{display:flex;align-items:center;gap:9px;margin:20px 0 0!important;color:#a9c1d0!important;font:400 11px/1.6 Arial,sans-serif!important}
body.xmla-next-active #main .xn-note>span{width:5px;height:5px;border-radius:50%;background:#77d8d7;flex:none}
body.xmla-next-active #main .xn-image{display:block;position:relative;margin:0!important;min-width:0;border-radius:12px!important;overflow:hidden;aspect-ratio:1.25;background:#102332;box-shadow:0 24px 60px #0005,0 0 0 1px #65b4cc44!important;transform:none!important}
body.xmla-next-active #main .xn-image img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;border-radius:12px!important;margin:0!important;filter:saturate(.87)}
body.xmla-next-active #main .xn-image::before,body.xmla-next-active #main .xn-image::after{content:none!important}
body.xmla-next-active #main .xn-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
body.xmla-next-active #main .xn-paths>a{display:flex;align-items:flex-start;gap:12px;padding:22px 20px;border:1px solid #315467;border-radius:10px;background:linear-gradient(135deg,#142c3f,#10232f);color:#e7f4f9;text-decoration:none;min-width:0;transition:background .18s ease,border-color .18s ease}
body.xmla-next-active #main .xn-paths>a:hover{background:#173d4e;border-color:#75cddc}
body.xmla-next-active #main .xn-paths h2{font:600 16px/1.4 Arial,sans-serif!important;color:#e8f5fc!important;letter-spacing:0;margin:0 0 8px!important;text-transform:none}
body.xmla-next-active #main .xn-paths p{font:400 13px/1.65 Arial,sans-serif!important;color:#b9cfdc!important;margin:0!important}
body.xmla-next-active #main .xn-index{color:#78dce3;font:600 10px/2 Arial,sans-serif;flex:none;border-bottom:1px solid #37798c}
body.xmla-next-active #main .xn-arrow{margin-left:auto;color:#75d6e2;flex:none}
/* Distinct compositions for creative work, customer support and service planning. */
body.xmla-next-active #main .xn-editorial .xn-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end}
body.xmla-next-active #main .xn-editorial .xn-image{aspect-ratio:1.15}
body.xmla-next-active #main .xn-wide .xn-intro{position:relative;display:block;padding:48px;min-height:450px;overflow:hidden;border-radius:12px;background:#071321}
body.xmla-next-active #main .xn-wide .xn-image{position:absolute;inset:0;aspect-ratio:auto;z-index:0;box-shadow:none!important}
body.xmla-next-active #main .xn-wide .xn-image:after{content:""!important;display:block;position:absolute;inset:0;background:linear-gradient(90deg,#06111bf5 0%,#071522dd 35%,#07152255 72%,#07152211 100%)}
body.xmla-next-active #main .xn-wide .xn-copy{max-width:620px}
body.xmla-next-active #main .xn-wide .xn-lede{max-width:510px;color:#e1edf3!important}
body.xmla-next-active #main .xn-help .xn-image{aspect-ratio:1.35}
body.xmla-next-active #main .xn-help .xn-paths{border-top:1px solid #315467;padding-top:28px}
/* Continue spacing and readable surfaces through existing sections; preserve native form controls. */
body.xmla-next-active #main :is(.xbp-wrap,.xsu-wrap,.xpf-wrap,.xdn-wrap,.xssl-wrap,.xc-wrap){width:calc(100% - 64px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body.xmla-next-active #main :is(.xbp-section,.xbp-form-section,.xsu-section,.xpf-band,.xdn-section,.xssl-section,.xc-section){padding-top:52px!important;padding-bottom:52px!important;min-height:0!important;background:#0a1928!important}
body.xmla-next-active #main :is(.xbp-section.alt,.xsu-section.alt,.xpf-band.soft,.xdn-band,.xssl-band){background:#102737!important;border-top:1px solid #25475b55;border-bottom:1px solid #25475b55}
body.xmla-next-active #main :is(.xbp-grid,.xbp-process,.xsu-route-grid,.xsu-card-grid,.xsu-flow,.xpf-grid,.xpf-proof-grid,.xdn-service-grid,.xdn-price-grid,.xdn-route-grid,.xssl-protection-grid,.xssl-option-grid){gap:22px!important}
body.xmla-next-active #main :is(.xbp-card,.xbp-step,.xsu-card,.xsu-step,.xdn-card,.xdn-step,.xssl-card,.xssl-step){padding:28px!important;background:linear-gradient(140deg,#193247,#112432)!important;border:1px solid #36576a!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;min-height:0!important}
body.xmla-next-active #main :is(.xbp-card,.xbp-step,.xsu-card,.xsu-step,.xdn-card,.xdn-step,.xssl-card,.xssl-step)::before,body.xmla-next-active #main :is(.xbp-card,.xbp-step,.xsu-card,.xsu-step,.xdn-card,.xdn-step,.xssl-card,.xssl-step)::after{content:none!important}
body.xmla-next-active #main :is(.xbp-card,.xbp-step,.xsu-card,.xsu-step,.xdn-card,.xdn-step,.xssl-card,.xssl-step) p{color:#c5d7e2!important;font-size:16px!important;line-height:1.75!important}
body.xmla-next-active #main :is(.xbp-section-head,.xsu-heading){margin-bottom:28px!important;gap:28px!important}
body.xmla-next-active #main :is(.xbp-section,.xsu-section,.xpf-band,.xdn-section,.xssl-section) h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;color:#e9f5ff!important;letter-spacing:0!important}
body.xmla-next-active #main :is(.xbp-section,.xsu-section,.xpf-band,.xdn-section,.xssl-section) h3{color:#e9f5ff!important}
body.xmla-next-active #main :is(.xbp-btn,.xsu-btn,.xpf-btn,.xdn-btn,.xssl-btn){border-radius:9px!important}
body.xmla-next-active #main :is(.xbp-cta,.xsu-cta,.xpf-final,.xdn-final,.xssl-final){margin-top:0!important;padding-top:48px!important;padding-bottom:48px!important}
body.xmla-next-active #main :is(.xbp-cta-panel,.xsu-cta-panel){border-radius:12px!important;gap:28px!important}
body.xmla-next-active #main :is(#xmla-batch-form,#support-request,#domain-search,#portfolio-work,#video-player){scroll-margin-top:180px}
@media(min-width:1500px){body.xmla-next-active #main .xn-wrap,body.xmla-next-active #main :is(.xbp-wrap,.xsu-wrap,.xpf-wrap,.xdn-wrap,.xssl-wrap,.xc-wrap){max-width:1400px!important}}
@media(max-width:900px){body.xmla-next-active #main .xn-intro,body.xmla-next-active #main .xn-editorial .xn-intro{gap:30px}body.xmla-next-active #main .xn-hero h1{font-size:42px!important}body.xmla-next-active #main .xn-lede{font-size:16px!important}body.xmla-next-active #main .xn-paths{gap:12px}body.xmla-next-active #main .xn-paths>a{padding:18px 14px}}
@media(max-width:700px){body.xmla-next-active #main .xn-hero{padding-top:38px!important;padding-bottom:34px!important}body.xmla-next-active #main .xn-wrap,body.xmla-next-active #main :is(.xbp-wrap,.xsu-wrap,.xpf-wrap,.xdn-wrap,.xssl-wrap,.xc-wrap){width:calc(100% - 40px)!important}body.xmla-next-active #main .xn-intro,body.xmla-next-active #main .xn-editorial .xn-intro{grid-template-columns:1fr;gap:28px}body.xmla-next-active #main .xn-hero h1{font-size:38px!important}body.xmla-next-active #main .xn-image,body.xmla-next-active #main .xn-editorial .xn-image,body.xmla-next-active #main .xn-help .xn-image{aspect-ratio:1.5}body.xmla-next-active #main .xn-paths{grid-template-columns:1fr;margin-top:26px}body.xmla-next-active #main .xn-paths>a{padding:20px}body.xmla-next-active #main .xn-wide .xn-intro{padding:0;min-height:0;border-radius:0;background:transparent;display:flex;flex-direction:column}body.xmla-next-active #main .xn-wide .xn-image{position:relative;inset:auto;width:100%;aspect-ratio:1.5;order:2}body.xmla-next-active #main .xn-wide .xn-image:after{content:none!important}body.xmla-next-active #main :is(.xbp-section,.xbp-form-section,.xsu-section,.xpf-band,.xdn-section,.xssl-section,.xc-section){padding-top:36px!important;padding-bottom:36px!important}body.xmla-next-active #main :is(.xbp-grid,.xbp-process,.xsu-card-grid,.xsu-flow,.xdn-service-grid,.xssl-protection-grid){grid-template-columns:1fr!important}body.xmla-next-active #main .xn-note{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){body.xmla-next-active #main .xn-button,body.xmla-next-active #main .xn-paths>a{transition:none!important}}

/* Keep legacy automatic artwork and duplicate portfolio links out of the new layouts. */
body.xmla-next-active #main .xn-actions>.xmla-related-portfolio-link,
body.xmla-next-active #main .xn-paths .xmla-content-visual-figure,
body.xmla-next-active #main .xmla-sitewide-card-thumbnail{display:none!important}
body.xmla-next-active #main .xn-paths .xmla-content-visual-split{display:block!important;margin:0!important;padding:0!important;min-height:0!important}
body.xmla-next-active #main .xn-paths .xmla-content-visual-split>h2{margin:0 0 8px!important;padding:0!important}
/* Reserve space for the shared print/share controls above the page introduction. */
body.xmla-next-active #main section.xn-hero[data-xmla-next]:first-of-type{padding-top:68px!important}
/* Consultation content remains readable on the navy section surfaces; native form is unchanged. */
body.xmla-next-active #main .xc-section>.xc-wrap>h2,
body.xmla-next-active #main .xc-form-layout>div:first-child>h2{color:#edf7ff!important}
body.xmla-next-active #main .xc-form-layout>div:first-child>p{color:#c5d8e3!important;line-height:1.8!important}
body.xmla-next-active #main .xc-section>.xc-wrap>.xc-eyebrow,
body.xmla-next-active #main .xc-form-layout>div:first-child>.xc-eyebrow,
body.xmla-next-active #main .xc-form-layout>div:first-child a{color:#83dbe4!important}
body.xmla-next-active #main .xc-services>article,
body.xmla-next-active #main .xc-tools>a{background:linear-gradient(135deg,#193247,#102633)!important;border:1px solid #36576a!important;border-radius:12px!important;padding:28px!important;color:#c5d8e3!important}
body.xmla-next-active #main :is(.xc-services,.xc-tools){gap:22px!important}
body.xmla-next-active #main :is(.xc-services,.xc-tools) h3{color:#edf7ff!important}
body.xmla-next-active #main :is(.xc-services,.xc-tools) p{color:#c5d8e3!important}
body.xmla-next-active #main :is(.xc-services,.xc-tools) :is(a,span,strong){color:#83dbe4!important}
/* Referral page: warm introductions, distinct section rhythms, original form and terms. */
body.xmla-next-refer-a-friend #main .xrf-wrap{width:calc(100% - 64px)!important;max-width:1240px!important;margin:0 auto!important;padding:0!important}
body.xmla-next-refer-a-friend #main :is(.xrf-section,.xrf-form-section,.xrf-cta){padding:56px 0!important;background:#0a1928!important;min-height:0!important}
body.xmla-next-refer-a-friend #main .xrf-section.alt{background:linear-gradient(120deg,#102a39,#0b1e2c)!important;border-block:1px solid #31536766}
body.xmla-next-refer-a-friend #main .xrf-section-head{display:grid!important;grid-template-columns:1fr 1fr;align-items:end;gap:40px!important;margin-bottom:30px!important}
body.xmla-next-refer-a-friend #main :is(.xrf-section,.xrf-form-panel,.xrf-cta) h2{font:500 clamp(28px,3vw,42px)/1.25 Oswald,Arial,sans-serif!important;color:#eef7ff!important;letter-spacing:0!important;margin:0 0 16px!important}
body.xmla-next-refer-a-friend #main :is(.xrf-section,.xrf-form-panel,.xrf-cta) p{color:#c2d5e1!important;font:400 16px/1.75 Arial,sans-serif!important}
body.xmla-next-refer-a-friend #main .xrf-kicker{color:#83dfe6!important;font:700 11px/1.5 Arial,sans-serif!important;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 14px!important}
body.xmla-next-refer-a-friend #main :is(.xrf-grid,.xrf-service-grid,.xrf-process,.xrf-appreciation){display:grid!important;gap:22px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.xmla-next-refer-a-friend #main :is(.xrf-card,.xrf-link,.xrf-step,.xrf-note){padding:28px!important;border:1px solid #36586b!important;background:linear-gradient(140deg,#193347,#102533)!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;min-height:0!important}
body.xmla-next-refer-a-friend #main :is(.xrf-card,.xrf-link,.xrf-step,.xrf-note)::before,
body.xmla-next-refer-a-friend #main :is(.xrf-card,.xrf-link,.xrf-step,.xrf-note)::after{content:none!important}
body.xmla-next-refer-a-friend #main :is(.xrf-card,.xrf-link,.xrf-step,.xrf-note) h3{color:#edf6ff!important;font:500 25px/1.3 Oswald,Arial,sans-serif!important;margin:14px 0 12px!important}
body.xmla-next-refer-a-friend #main :is(.xrf-card,.xrf-link,.xrf-step,.xrf-note) p{margin-bottom:0!important}
body.xmla-next-refer-a-friend #main .xrf-chip{display:inline-flex!important;width:auto!important;border-radius:6px!important;padding:5px 10px!important;background:#17465d!important;border:1px solid #3b788e;color:#a8eef0!important;font:600 11px/1.4 Arial,sans-serif!important}
body.xmla-next-refer-a-friend #main .xrf-link:hover{background:#1b4053!important;border-color:#70d6df!important}
body.xmla-next-refer-a-friend #main .xrf-arrow{display:block;color:#83dfe6!important;margin-top:18px!important}
body.xmla-next-refer-a-friend #main .xrf-process{counter-reset:referral-step}
body.xmla-next-refer-a-friend #main .xrf-step{border:0!important;border-left:2px solid #388da9!important;border-radius:0!important;background:transparent!important;padding:10px 24px!important}
body.xmla-next-refer-a-friend #main .xrf-step .xrf-chip{font-size:0!important;background:transparent!important;border:0!important;padding:0!important}
body.xmla-next-refer-a-friend #main .xrf-step .xrf-chip::after{counter-increment:referral-step;content:'0' counter(referral-step);font:600 18px/1.5 Arial,sans-serif;color:#83dfe6}
body.xmla-next-refer-a-friend #main .xrf-note{background:#0b2130!important;border-top:2px solid #438f9d!important}
body.xmla-next-refer-a-friend #main .xrf-form-grid{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:44px!important;align-items:start}
body.xmla-next-refer-a-friend #main .xrf-form-panel{padding:24px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.xmla-next-refer-a-friend #main .xrf-form-card{padding:30px!important;border-radius:12px!important;background:#102a3c!important;border:1px solid #668a9d!important;min-width:0;box-shadow:0 18px 44px #0003!important}
body.xmla-next-refer-a-friend #main .xrf-form-card .wpforms-container{margin:0!important}
body.xmla-next-refer-a-friend #main .xrf-actions{display:flex!important;flex-wrap:wrap;gap:12px!important;margin-top:22px!important}
body.xmla-next-refer-a-friend #main .xrf-btn{display:inline-flex!important;gap:14px;align-items:center;padding:13px 20px!important;margin:0!important;min-height:46px;border:1px solid #4fa0bb!important;border-radius:9px!important;background:#14374d!important;color:#e9faff!important;font:600 13px/1.5 Arial,sans-serif!important}
body.xmla-next-refer-a-friend #main .xrf-btn.primary{background:linear-gradient(120deg,#216daf,#117a88)!important}
body.xmla-next-refer-a-friend #main .xrf-btn:hover{background:#226483!important;color:#fff!important}
body.xmla-next-refer-a-friend #main :is(.xrf-btn,.xrf-link):focus-visible{outline:3px solid #8de8eb;outline-offset:4px}
body.xmla-next-refer-a-friend #main .xrf-cta-panel{padding:36px!important;border:1px solid #39687a!important;border-radius:12px!important;background:radial-gradient(ellipse at right,#17677755,transparent 65%),#102b3e!important;display:block!important}
body.xmla-next-refer-a-friend #main .xrf-cta-panel .xmla-cta-render{display:none!important}
body.xmla-next-refer-a-friend #main .xrf-cta-panel .xmla-cta-copy{max-width:800px!important}
body.xmla-next-refer-a-friend #main :is(#referral-form,#referral-process,#referral-appreciation){scroll-margin-top:180px}
@media(min-width:1500px){body.xmla-next-refer-a-friend #main .xrf-wrap{max-width:1400px!important}}
@media(max-width:800px){body.xmla-next-refer-a-friend #main .xrf-section-head,body.xmla-next-refer-a-friend #main .xrf-form-grid{grid-template-columns:1fr!important;gap:22px!important}}
@media(max-width:700px){body.xmla-next-refer-a-friend #main .xrf-wrap{width:calc(100% - 40px)!important}body.xmla-next-refer-a-friend #main :is(.xrf-section,.xrf-form-section,.xrf-cta){padding:36px 0!important}body.xmla-next-refer-a-friend #main :is(.xrf-grid,.xrf-service-grid,.xrf-process,.xrf-appreciation){grid-template-columns:1fr!important;gap:16px!important}body.xmla-next-refer-a-friend #main .xrf-form-card{padding:20px!important}body.xmla-next-refer-a-friend #main .xrf-cta-panel{padding:26px!important}}