/* DLS final responsive QA 2026-10-08 */
.simple-card h3,.model-card h3,.doc-card h3{overflow-wrap:anywhere;line-height:1.22}
.simple-grid>*{min-width:0}
@media(min-width:861px) and (max-width:1120px){.two-col .simple-grid,.two-col .simple-grid--3{grid-template-columns:1fr}}
.btn{max-width:100%;white-space:normal;text-align:center;line-height:1.4;padding-block:12px}
.btn svg,.text-link svg{flex-shrink:0}
.mobile-panel>a{flex-shrink:0}
.site-footer a,.footer-col>span{overflow-wrap:anywhere}
#dls-native-form-slot input,#dls-native-form-slot select,#dls-native-form-slot textarea{font-size:16px!important}

/* Unified typography and balanced service navigation */
body,button,input,select,textarea,.t-input,.t-submit{font-family:Manrope,Arial,sans-serif!important}
h1,h2,h3{font-weight:700!important}
.hero-audience{font-weight:400!important;font-size:16px!important;line-height:1.55!important;color:#36546e!important}
.eyebrow,.facts-grid span,.identity-item span,.service-card__number,.model-card>span,.simple-card>span,.process-step>span,.doc-card>span,.verification-card>span{font-weight:700!important}
.hero-rail__item,.desktop-nav a,.btn,.header-cta,.text-link,.faq-list summary,.contact-list strong{font-weight:700!important}
.home-hero{min-height:0!important}
.home-hero__content{min-height:620px!important;padding-top:64px!important;padding-bottom:64px!important;align-items:center!important}
.home-hero__rail{position:relative!important;bottom:auto!important;backdrop-filter:none!important}
.hero-rail{min-height:0!important}
.hero-rail__item{min-height:80px!important;align-items:center!important;padding:22px 18px!important;gap:12px!important}
.hero-rail__icon{display:flex!important;flex-shrink:0!important}
.facts-grid>div{padding-top:22px!important;padding-bottom:22px!important}
@media(max-width:860px){.home-hero__content{min-height:570px!important;padding-top:54px!important;padding-bottom:48px!important}.hero-rail__item{min-height:72px!important;padding:18px 16px!important}}
@media(max-width:640px){.home-hero__content{min-height:0!important;padding-top:52px!important;padding-bottom:40px!important}.hero-audience{font-size:15px!important}.hero-rail__item{min-height:76px!important;padding:16px 12px!important;font-size:13px!important}}

/* DLS editorial typography and complete hero redesign */
body :is(h1,h2,h3,p,span,strong,a,label,input,textarea,select,button){font-family:Manrope,Arial,sans-serif!important}
body :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.035em;line-height:1.15;hyphens:none}
body :is(p,li){text-wrap:pretty;hyphens:none;orphans:2;widows:2}
body .dls-hero{background:#f1f5f8;color:#0b2a48;overflow:hidden}
body .dls-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:48px;padding-bottom:48px}
body .dls-hero-copy{min-width:0}
body .dls-hero-copy h1{font-size:clamp(40px,4.1vw,60px);line-height:1.12;letter-spacing:-.04em;margin:0;max-width:680px}
body .dls-hero-copy .lead{font-size:18px;font-weight:400;line-height:1.65;color:#3d5870;margin:22px 0 0;max-width:620px}
body .dls-hero-copy .hero-actions{margin-top:26px!important}
body .dls-hero-copy .dls-hero-audience{font-size:18px;font-weight:400;line-height:1.65;color:#3d5870;margin-top:22px;max-width:570px}
body .dls-hero-visual{position:relative;min-width:0;border-radius:20px;overflow:hidden;background:#143e5e;box-shadow:0 16px 36px rgba(5,39,70,.12)}
body .dls-hero-visual img{display:block;width:100%;height:470px;object-fit:cover;object-position:65% center}
body .dls-hero-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 26px 24px;background:linear-gradient(transparent,rgba(4,30,50,.92));color:white}
body .dls-hero-caption p{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:rgba(255,255,255,.8)}
body .dls-hero-ports{display:flex;flex-wrap:wrap;gap:10px}
body .dls-hero-ports a{padding:8px 14px;border:1px solid rgba(255,255,255,.45);border-radius:8px;min-height:42px;font-size:15px;font-weight:600;background:rgba(255,255,255,.08)}
body .dls-hero-ports a:hover{background:rgba(255,255,255,.2)}
body .dls-hero .home-hero__rail{position:relative!important}
@media(max-width:1100px){body .dls-hero-layout{gap:30px}body .dls-hero-visual img{height:460px}body .dls-hero-copy h1{font-size:44px}}
@media(max-width:860px){body .dls-hero-layout{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:32px}body .dls-hero-copy h1{font-size:clamp(36px,6.3vw,52px);max-width:740px}body .dls-hero-visual img{height:320px;object-position:center 48%}}
@media(max-width:640px){body .dls-hero-copy h1{font-size:clamp(30px,8.3vw,40px)}body .dls-hero-copy .lead{font-size:16px;margin-top:18px}body .dls-hero-copy .dls-hero-audience{font-size:16px;margin-top:18px}body .dls-hero-visual img{height:260px}body .dls-hero-caption{padding:44px 18px 18px}body .dls-hero-ports a{font-size:14px;padding:7px 12px}}

/* Full photograph hero */
body .dls-hero{position:relative;isolation:isolate;background:#082840;color:#fff}
body .dls-hero-layout{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:28px;padding-top:76px;padding-bottom:54px;min-height:610px}
body .dls-hero-copy{position:relative;z-index:2;max-width:740px}
body .dls-hero-copy h1{color:#fff;max-width:730px;font-size:clamp(40px,4.2vw,64px)}
body .dls-hero-copy .eyebrow{color:#b9d6ec}
body .dls-hero-copy .lead,body .dls-hero-copy .dls-hero-audience{color:#e0eaf2;max-width:650px}
body .dls-hero-visual{position:absolute;inset:0;z-index:-1;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body .dls-hero-visual img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;max-width:none;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
body .dls-hero-visual:after{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:linear-gradient(90deg,rgba(4,24,42,.94) 0%,rgba(4,24,42,.85) 40%,rgba(4,24,42,.35) 100%);z-index:-1}
body .dls-hero-caption{position:absolute;right:0;left:auto;bottom:44px;max-width:340px;padding:0;background:none}
body .dls-hero .btn--primary{background:#fff;color:#0b2a48;border-color:#fff}
body .dls-hero .btn--secondary{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}
body .dls-hero .home-hero__rail{background:#0b2a48;border-top:1px solid rgba(255,255,255,.22)}
body .hero-rail__item>span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){body .dls-hero-caption{position:relative;bottom:auto;left:auto;right:auto;max-width:none}body .dls-hero-visual{position:static;z-index:0}body .dls-hero-visual img,body .dls-hero-visual:after{position:absolute;top:0;bottom:0}body .dls-hero-layout{min-height:0;padding-top:56px;padding-bottom:40px}}
@media(max-width:640px){body .dls-hero-layout{padding-top:40px;padding-bottom:32px;gap:24px}body .dls-hero-copy h1{font-size:clamp(30px,8.3vw,40px)}body .dls-hero-visual:after{background:rgba(4,24,42,.82)}body .dls-hero-caption{padding:0}body .dls-hero-visual img{object-position:70% center}}

/* Hero and service tiles fill opening viewport */
body .dls-hero{min-height:calc(100svh - var(--header) - 1px);display:flex;flex-direction:column}body .dls-hero-layout{flex:1;justify-content:center;min-height:0;padding-top:clamp(24px,5vh,60px);padding-bottom:clamp(24px,5vh,60px)}body .dls-hero-copy h1{font-size:clamp(36px,3.8vw,58px)}body .dls-hero .btn--navy{background:#fff;color:#0b2a48}body .dls-hero .btn--white{background:transparent;color:#fff;border-color:#adc4d5}body .dls-hero .home-hero__rail{flex:none}body .dls-hero-copy .dls-hero-audience{display:none}@media(max-width:1100px){body .dls-hero-layout{justify-content:center;gap:20px}}@media(max-width:640px){body .dls-hero-caption{display:none}body .dls-hero-copy h1{font-size:clamp(28px,7.8vw,38px)}body .dls-hero-copy .lead{font-size:15px;line-height:1.5}body .dls-hero-copy .hero-actions{margin-top:20px!important;gap:8px}body .dls-hero .btn{min-height:44px;padding:10px 12px;font-size:13px}body .dls-hero-layout{padding-top:24px;padding-bottom:24px}}@media(max-height:500px) and (min-width:641px){body .dls-hero-copy h1{font-size:32px}body .dls-hero-copy .lead{font-size:15px;line-height:1.4;margin-top:12px}body .dls-hero-layout{padding-block:18px}body .dls-hero-caption{display:none}body .dls-hero-copy .hero-actions{margin-top:12px!important}body .dls-hero .hero-rail__item{min-height:60px!important;padding-block:12px!important}}
@media(max-height:500px) and (min-width:641px){body .dls-hero .hero-rail{grid-template-columns:repeat(4,minmax(0,1fr))}body .dls-hero-copy .eyebrow{display:none}body .dls-hero-copy{max-width:none}body .dls-hero-copy h1{font-size:28px;max-width:none}body .dls-hero-copy .lead{font-size:14px;line-height:1.4;max-width:none}body .dls-hero-layout{padding-block:12px}body .dls-hero .hero-rail__item{font-size:12px!important;padding-inline:10px!important;gap:8px!important}}
/* More expressive port navigation and service tiles */
body .dls-hero-caption{top:50%;bottom:auto;transform:translateY(-50%);width:280px;max-width:280px;padding:26px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(5,30,48,.68);box-shadow:0 20px 48px rgba(0,0,0,.18)}body .dls-hero-caption p{font-size:20px;line-height:1.35;letter-spacing:.02em;text-transform:none;color:#fff;margin-bottom:20px}body .dls-hero-ports{flex-direction:column;gap:10px}body .dls-hero-ports a{display:flex;align-items:center;justify-content:space-between;font-size:19px;padding:13px 16px;min-height:52px;background:rgba(255,255,255,.07)}body .dls-hero-ports a:after{content:'↗';font-size:20px;color:#a8d4f2}body .dls-hero .hero-rail__icon{width:44px;height:44px;border-radius:12px;background:rgba(124,180,220,.14);align-items:center;justify-content:center}body .dls-hero .hero-rail__item{font-size:14px;position:relative}body .dls-hero .hero-rail__item:after{content:'↗';margin-left:auto;color:#a8c8e0;font-size:17px}body .dls-hero .hero-rail__item:hover{background:rgba(104,171,215,.16)}
@media(max-width:1100px){body .dls-hero-caption{position:relative;top:auto;transform:none;width:auto;max-width:none;padding:16px 18px;border-radius:12px}body .dls-hero-ports{flex-direction:row}body .dls-hero-caption p{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}body .dls-hero-ports a{font-size:16px;min-height:44px;gap:20px;padding:9px 13px}}
@media(max-width:640px){body .dls-hero-caption{display:block;padding:15px 0 0;background:none;box-shadow:none;border:0;border-top:1px solid rgba(255,255,255,.3);border-radius:0}body .dls-hero-visual{width:100%}body .dls-hero-layout{gap:20px}body .dls-hero-ports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body .dls-hero-ports a{font-size:14px;padding:8px 10px;gap:6px;min-height:42px}body .dls-hero .hero-rail__icon{width:30px;height:36px;flex-shrink:0;border-radius:8px}body .dls-hero .hero-rail__icon svg{width:21px;height:21px}body .dls-hero .hero-rail__item{gap:8px!important}body .dls-hero .hero-rail__item:after{display:none}body .dls-hero-caption p{font-size:10px;margin-bottom:10px}}
@media(max-height:650px) and (max-width:640px){body .dls-hero-caption{display:none}}@media(max-height:500px) and (min-width:641px){body .dls-hero-caption{display:none}body .dls-hero .hero-rail__icon{width:30px;height:30px}body .dls-hero .hero-rail__item:after{display:none}}
@media(max-width:360px){body .dls-hero-layout{padding-block:16px;gap:14px}body .dls-hero-copy h1{font-size:27px}body .dls-hero-copy .lead{font-size:14px;line-height:1.5;margin-top:14px}body .dls-hero-copy .hero-actions{margin-top:16px!important}body .dls-hero-caption{padding-top:12px}body .dls-hero-ports a{padding-inline:8px;gap:4px}}
/* Clickable port overlay and platform-independent arrows */
body .dls-hero-visual{z-index:auto;pointer-events:none}body .dls-hero-caption{z-index:3;pointer-events:auto}body .dls-hero-visual img,body .dls-hero-visual:after{pointer-events:none}body .dls-hero-ports a:after,body .dls-hero .hero-rail__item:after{content:'';display:block;flex:none;width:9px;height:9px;border-top:1.5px solid #a8d4f2;border-right:1.5px solid #a8d4f2;transform:rotate(0deg);font-size:0;line-height:0;background:none}@media(max-width:640px){body .dls-hero .hero-rail__item:after{display:none}}@media(max-height:500px) and (min-width:641px){body .dls-hero .hero-rail__item:after{display:none}}
body .dls-hero-ports a:after,body .dls-hero .hero-rail__item:after{background:linear-gradient(135deg,transparent 43%,#a8d4f2 44%,#a8d4f2 56%,transparent 57%)}
#dls-native-form-slot :is(input,textarea,select,button,.t-input-title,.t-input-subtitle,.t-checkbox__labeltext,.t-input-error,.t-input-phonemask__select){font-family:Manrope,Arial,sans-serif!important}
/* Home navigation overlays the photograph; white while scrolling or open */
body:has(.dls-hero){padding-top:0!important}body:has(.dls-hero) .dls-hero{min-height:100svh}body:has(.dls-hero) .dls-hero-layout{padding-top:calc(var(--header) + 32px);padding-bottom:32px}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled){background:transparent!important;border-bottom-color:rgba(255,255,255,.2);box-shadow:none!important}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .brand-mark{filter:brightness(0) invert(1)}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) :is(.brand-name,.desktop-nav a){color:#fff}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .desktop-nav a:after{background:#fff}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .lang-switch a{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .lang-switch a.current{background:#fff;color:#0b2a48;border-color:#fff}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .header-cta{background:#fff;color:#0b2a48;box-shadow:none}body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) :is(.menu-btn span,.menu-btn:before,.menu-btn:after){background:#fff}body.menu-open .site-header{background:#fff!important;border-bottom-color:#dce6ed!important;box-shadow:none!important}body .site-header{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}body .site-header :is(.brand-name,.desktop-nav a,.lang-switch a,.header-cta){transition:color .25s ease,background-color .25s ease,border-color .25s ease}@media(max-width:360px){body:has(.dls-hero) .dls-hero-layout{padding-top:calc(var(--header) + 16px);padding-bottom:16px}}@media(max-height:500px) and (min-width:641px){body:has(.dls-hero) .dls-hero-layout{padding-top:calc(var(--header) + 12px);padding-bottom:12px}}
#allrecords #dls-native-form-slot :is(input,textarea,select,button,.t-input,.t-select,.t-submit,.t-input-title,.t-input-subtitle,.t-checkbox__labeltext,.t-input-error,.t-input-phonemask__select){font-family:Manrope,Arial,sans-serif!important}
body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .menu-btn:before,body:has(.dls-hero):not(.menu-open) .site-header:not(.is-scrolled) .menu-btn:after{background:#fff}