.sd-home-page { background: #fff; }
body.home.sd-home-page .header-bar:not(.scrolled) { background: #041b30; border-bottom: 1px solid #ffffff20; }
body.home.sd-home-page .header-bar:not(.scrolled) .dark_logo { display: none; }
body.home.sd-home-page .header-bar:not(.scrolled) .light_logo { display: block; }
body.home.sd-home-page .header-bar:not(.scrolled) .hamburger .bar { background-color: #fff; }
@media (min-width: 1024px) {
body.home.sd-home-page .header-bar:not(.scrolled) nav ul.main_menu_list a,
body.home.sd-home-page .header-bar:not(.scrolled) nav .megamenu-item button { color: #fff; }
}
body.home.sd-home-page .header-bar:not(.scrolled) .hover-app-effect span { color: #fff !important; }
body.home.sd-home-page .header-bar:not(.scrolled) .hover-app-effect:hover span { color: #fff !important; }
body.home.sd-home-page .header-bar:not(.scrolled) .menu-item.current-menu-item a,
body.home.sd-home-page .header-bar:not(.scrolled) .active-mega-menu-child,
body.home.sd-home-page .header-bar:not(.scrolled) nav ul.main_menu_list a:hover,
body.home.sd-home-page .header-bar:not(.scrolled) nav .megamenu-item button:hover { border-color: #ffffff65; }
.sd-home {
    --sd-navy: #001e3b;
    --sd-blue: #008fbe;
    --sd-muted: #506575;
    color: var(--sd-navy);
    font-family: Inter, Arial, sans-serif;
}
.sd-home *, .sd-home *::before, .sd-home *::after { box-sizing: border-box; }
.sd-home__wrap { width: 100%; max-width: 1280px; padding: 0 24px; margin: 0 auto; }
.sd-home h1, .sd-home h2, .sd-home h3, .sd-home p { margin-top: 0; }
.sd-home h1 { font-size: clamp(4.5rem, 8.3vw, 7.2rem); line-height: .94; letter-spacing: -.065em; font-weight: 750; margin-bottom: 27px; }
.sd-home h1 span { color: #008cb8; }
.sd-home h2 { font-size: clamp(2rem, 3.5vw, 3.35rem); line-height: 1.1; letter-spacing: -.04em; font-weight: 700; margin-bottom: 24px; }
.sd-home h3 { font-size: 1.3rem; line-height: 1.3; letter-spacing: -.02em; font-weight: 700; margin-bottom: 14px; }
.sd-home p { line-height: 1.7; font-size: 1rem; }
.sd-home a { text-decoration: none; }
.sd-home a:focus-visible, .sd-home summary:focus-visible { outline: 3px solid #e9a91f; outline-offset: 5px; }
.sd-home img { display: block; width: 100%; object-fit: cover; }
.sd-home [id] { scroll-margin-top: 130px; }
.sd-home .sd-home__eyebrow { color: #00799f; text-transform: uppercase; font-size: .75rem; line-height: 1.4; font-weight: 800; letter-spacing: .12em; margin-bottom: 22px; }
.sd-home__hero { padding: 158px 0 0; background: radial-gradient(ellipse at 75% 20%, #cdeef8 0%, transparent 60%), linear-gradient(115deg, #f5fbfd, #e8f6fb); }
.sd-home__hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.sd-home__hero-copy { padding: 8px 0 28px; }
.sd-home .sd-home__lead { font-size: 1.14rem; line-height: 1.65; max-width: 570px; margin-bottom: 28px; }
.sd-home__actions { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.sd-home__button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 54px; padding: 16px 21px; font-size: .9rem; font-weight: 750; line-height: 1.4; border: 1px solid transparent; transition: background .18s, color .18s; }
.sd-home__button--primary { background: var(--sd-blue); color: #fff; }
.sd-home__button--primary:hover { background: #006c92; color: #fff; }
.sd-home__button--outline { border-color: #768e9d; color: var(--sd-navy); background: transparent; }
.sd-home__button--outline:hover { background: #fff; }
.sd-home .sd-home__hero-note { color: var(--sd-muted); font-size: .82rem; margin: 19px 0 0; }
.sd-home .sd-home__hero-promise { font-size: clamp(1.12rem, 1.7vw, 1.4rem); line-height: 1.4; font-weight: 650; letter-spacing: -.02em; margin-bottom: 14px; }
.sd-home .sd-home__innovation-label { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #a9cedc; padding: 8px 12px; letter-spacing: .13em; margin-bottom: 28px; }
.sd-home__innovation-label > span { height: 7px; width: 7px; border-radius: 50%; background: #009acb; box-shadow: 0 0 0 4px #d4eef7; }
.sd-home__digital { min-width: 0; position: relative; padding: 30px; color: #fff; border: 1px solid #31566d; border-radius: 5px; background: radial-gradient(ellipse at 100% 0%, #115c79 0%, transparent 65%), radial-gradient(#2b4c62 .7px, transparent .7px), #062943; background-size: auto, 18px 18px, auto; box-shadow: 0 24px 60px -30px #2b698480; }
.sd-home__digital-top { display: flex; justify-content: space-between; align-items: center; font-size: .73rem; letter-spacing: .17em; font-weight: 750; color: #a2d8e9; }
.sd-home__digital-edition { padding: 6px 10px; border: 1px solid #68c9e580; color: #8be2f6; border-radius: 3px; letter-spacing: .04em; }
.sd-home .sd-home__digital-heading { margin: 29px 0 27px; font-size: clamp(1.65rem, 2.6vw, 2.15rem); line-height: 1.18; letter-spacing: -.035em; font-weight: 650; }
.sd-home__digital-heading > span { color: #80d7ee; }
.sd-home__digital-flow { margin: 0; padding: 0; list-style: none; }
.sd-home__digital-flow > li { position: relative; display: grid; grid-template-columns: 26px 1fr 18px; gap: 12px; align-items: center; padding: 19px 18px; border: 1px solid #658fa665; border-radius: 4px; }
.sd-home__digital-flow > li + li { margin-top: 22px; }
.sd-home__digital-flow > li + li::before { position: absolute; content: ''; width: 1px; height: 23px; left: 31px; top: -23px; background: #62bfda; }
.sd-home__flow-number { font-size: .65rem; color: #a0d8e9; }
.sd-home__digital-flow strong { display: block; font-weight: 650; font-size: .96rem; letter-spacing: -.02em; line-height: 1.35; }
.sd-home__digital-flow div > span { display: block; font-size: .75rem; line-height: 1.5; color: #bbd4e2; margin-top: 6px; }
.sd-home__flow-symbol { color: #76cfe8; font-size: 1.3rem; }
.sd-home__digital-input, .sd-home__digital-output { background: #0b304be6; }
.sd-home__digital-flow > .sd-home__digital-expert { background: #dff6fe; color: #002b46; border-color: #b7eafa; }
.sd-home__digital-expert .sd-home__flow-number, .sd-home__digital-expert .sd-home__flow-symbol { color: #007c9e; }
.sd-home__digital-expert div > span { color: #365e72; }
.sd-home__route-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.sd-home__digital-flow .sd-home__route-tags > span { margin: 0; padding: 3px 9px; font-size: .65rem; border: 1px solid #658fa680; border-radius: 3px; color: #c8e3f0; }
.sd-home__digital-footer { display: flex; align-items: center; gap: 9px; margin-top: 24px; color: #add8e8; font-size: .75rem; }
.sd-home__digital-footer > span { color: #7fdaee; font-size: 1.2rem; }
.sd-home__benefits { display: grid; grid-template-columns: repeat(3, 1fr); margin: 40px 0 0; padding: 25px 0; list-style: none; border-top: 1px solid #bcd3df; gap: 25px; }
.sd-home__benefits li { display: flex; align-items: center; gap: 16px; font-size: .92rem; font-weight: 600; }
.sd-home__benefits span { color: #007fa9; font-size: .75rem; }
.sd-home__section { padding: 88px 0; }
.sd-home__section--ice { background: #f0f8fc; }
.sd-home__section-heading { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 38px; }
.sd-home__section-heading h2 { margin-bottom: 0; }
.sd-home__section-heading > p { color: var(--sd-muted); max-width: 370px; margin: 0 0 3px; }
.sd-home__main-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.sd-home__service-card { border: 1px solid #d3e0e8; color: var(--sd-navy); display: flex; flex-direction: column; background: #fff; }
.sd-home__card-image { overflow: hidden; }
.sd-home__card-image img { aspect-ratio: 1.6; height: auto; transition: transform .25s; }
.sd-home__service-card:hover img { transform: scale(1.035); }
.sd-home__card-copy { padding: 27px; display: flex; flex-direction: column; flex-grow: 1; }
.sd-home__card-number { color: #00799f; font-weight: 750; letter-spacing: .08em; font-size: .7rem; margin-bottom: 16px; }
.sd-home__card-copy p { color: var(--sd-muted); font-size: .95rem; margin-bottom: 26px; }
.sd-home__link { display: inline-flex; align-items: center; gap: 15px; font-size: .91rem; color: #007597; font-weight: 700; }
.sd-home__card-copy > .sd-home__link { margin-top: auto; justify-content: space-between; }
.sd-home__eori-grid { display: grid; grid-template-columns: .9fr 1fr; align-items: center; gap: 80px; }
.sd-home__eori-image { min-width: 0; }
.sd-home__eori-image img { height: 340px; }
.sd-home__eori-copy p:not(.sd-home__eyebrow) { color: var(--sd-muted); margin-bottom: 25px; }
.sd-home__special-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.sd-home__special-card { display: grid; grid-template-columns: 40% 1fr; border: 1px solid #d3e0e8; color: var(--sd-navy); }
.sd-home__special-card > img { height: 100%; min-height: 220px; }
.sd-home__special-card > div { padding: 27px 23px; }
.sd-home__special-card h3 { font-size: 1.18rem; }
.sd-home__special-card p { color: var(--sd-muted); font-size: .92rem; margin-bottom: 18px; }
.sd-home__special-card:hover, .sd-home__service-card:hover { border-color: #5f9bb7; }
.sd-home .sd-home__section-note { max-width: 780px; margin: 26px 0 0; font-size: .9rem; color: var(--sd-muted); }
.sd-home__section--navy { background: var(--sd-navy); color: #fff; }
.sd-home__section--navy .sd-home__eyebrow { color: #6bd4f5; }
.sd-home__section--navy .sd-home__section-heading > p { color: #c0d4e1; }
.sd-home__steps { list-style: none; margin: 45px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; }
.sd-home__steps li { border-top: 1px solid #42617a; padding-top: 22px; }
.sd-home__steps li > span { display: block; color: #66cff0; margin-bottom: 24px; font-size: .85rem; }
.sd-home__steps h3 { color: #fff; font-size: 1.12rem; }
.sd-home__steps p { font-size: .93rem; color: #d0dfeb; }
.sd-home .sd-home__process-note { margin: 30px 0 0; font-size: .84rem; color: #a9c4d7; }
.sd-home__guides { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.sd-home__guides > a { border-top: 3px solid #009acb; padding: 27px; background: #f1f7fa; display: flex; flex-direction: column; align-items: start; color: var(--sd-navy); }
.sd-home__guides > a > span:first-child { font-size: .77rem; color: var(--sd-muted); margin-bottom: 24px; }
.sd-home__guides h3 { margin-bottom: 28px; }
.sd-home__guides .sd-home__link { margin-top: auto; }
.sd-home__faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; }
.sd-home__faq details { border-top: 1px solid #bed1dd; }
.sd-home__faq details:last-child { border-bottom: 1px solid #bed1dd; }
.sd-home__faq summary { cursor: pointer; list-style: none; font-size: 1.03rem; line-height: 1.5; padding: 23px 30px 23px 0; font-weight: 650; position: relative; }
.sd-home__faq summary::-webkit-details-marker { display: none; }
.sd-home__faq summary::after { content: '+'; position: absolute; right: 0; top: 22px; color: #007da6; font-size: 1.3rem; }
.sd-home__faq details[open] summary::after { content: '−'; }
.sd-home__faq p { color: var(--sd-muted); padding-right: 20px; margin-bottom: 24px; font-size: .95rem; }
.sd-home__final { background: #082d4c; padding: 74px 0; color: #fff; }
.sd-home__final-grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 55px; }
.sd-home__final .sd-home__eyebrow { color: #6bd4f5; }
.sd-home__final p:not(.sd-home__eyebrow) { color: #cfdfeb; max-width: 580px; margin-bottom: 0; }
.sd-home__final-actions { display: flex; flex-direction: column; gap: 12px; }
.sd-home__button--light { color: #fff; border-color: #b4c9d8; }
.sd-home__button--light:hover { background: #fff; color: var(--sd-navy); }
/* The opening screen uses a full-width illustration rather than interface cards. */
.sd-home__hero--immersive { position: relative; isolation: isolate; overflow: hidden; padding-top: 162px; color: #fff; background: radial-gradient(ellipse at 78% 47%, #0b4157 0, transparent 58%), #041b30; }
.sd-home__hero--immersive .sd-home__hero-grid { position: relative; min-height: 550px; grid-template-columns: 1fr 1fr; gap: 20px; }
.sd-home__hero--immersive .sd-home__hero-copy { position: relative; z-index: 2; padding: 0 0 22px; }
.sd-home__hero--immersive h1 { font-size: clamp(5.7rem, 10.5vw, 8.8rem); line-height: .91; letter-spacing: -.07em; margin-bottom: 28px; }
.sd-home__hero--immersive h1 > span { color: #58def0; background: linear-gradient(115deg, #9aeee8 0%, #31cde7 60%, #19a9d8 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sd-home__hero--immersive .sd-home__innovation-label { border: none; padding: 0; color: #9bd7e7; font-size: .7rem; letter-spacing: .2em; margin-bottom: 34px; }
.sd-home__hero--immersive .sd-home__innovation-label > span { background: #68e3ea; box-shadow: 0 0 14px #45cdeaaa; }
.sd-home__hero--immersive .sd-home__hero-promise { color: #e5f2f7; font-weight: 500; font-size: 1.25rem; }
.sd-home__hero--immersive .sd-home__lead { color: #b2c8d7; max-width: 490px; font-size: 1.02rem; margin-bottom: 29px; }
.sd-home__hero--immersive .sd-home__hero-note { color: #8baabb; font-size: .75rem; }
.sd-home__hero--immersive .sd-home__button--primary { color: #012b40; background: #67e0ed; border-color: #67e0ed; box-shadow: 0 8px 30px -12px #32cee870; }
.sd-home__hero--immersive .sd-home__button--primary:hover { color: #012b40; background: #b0f7fc; border-color: #b0f7fc; }
.sd-home__hero--immersive .sd-home__button--outline { color: #e2f0f7; border-color: #7498ad70; background: #041b3020; }
.sd-home__hero--immersive .sd-home__button--outline:hover { border-color: #b5e2ef; background: #153c50; }
.sd-home__hero-art { position: absolute; right: -12%; top: -35px; width: 80%; height: 640px; z-index: 0; pointer-events: none; animation: sd-hero-reveal 1.1s cubic-bezier(.2,.7,.2,1) both; }
.sd-home__hero-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #041b30 0%, transparent 12%, transparent 78%, #041b30 100%); }
.sd-home__hero-art > img { width: 100%; height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 90%, transparent 100%); }
.sd-home__art-caption { position: absolute; z-index: 1; right: 20%; bottom: 20px; color: #95c3d3; display: flex; align-items: center; gap: 10px; font-size: .68rem; letter-spacing: .13em; text-transform: uppercase; }
.sd-home__art-caption > span { width: 25px; height: 1px; background: #58d6e6; }
.sd-home__hero--immersive .sd-home__benefits { position: relative; z-index: 2; border-color: #ffffff20; margin-top: 28px; padding: 25px 0 28px; }
.sd-home__hero--immersive .sd-home__benefits li { color: #aec6d5; font-size: .81rem; font-weight: 500; }
.sd-home__hero--immersive .sd-home__benefits li > span { color: #5bcee1; }
@keyframes sd-hero-reveal { from { opacity: 0; transform: translate3d(20px,12px,0); } to { opacity: 1; transform: translate3d(0,0,0); } }
@media (prefers-reduced-motion: reduce) { .sd-home *, .sd-home *::before, .sd-home *::after { transition: none !important; animation: none !important; } }
@media (max-width: 1023px) {
    .sd-home__hero { padding-top: 125px; }
    .sd-home__hero--immersive .sd-home__hero-grid { grid-template-columns: 1.1fr 1fr; min-height: 560px; }
    .sd-home__hero--immersive h1 { font-size: clamp(5rem, 11vw, 7rem); }
    .sd-home__hero-art { width: 85%; right: -23%; top: 0; height: 590px; }
    .sd-home__hero-grid { gap: 25px; }
    .sd-home__digital { padding: 24px; }
    .sd-home__actions { flex-direction: column; align-items: stretch; }
    .sd-home__section { padding: 65px 0; }
    .sd-home__card-copy { padding: 22px; }
    .sd-home__eori-grid { gap: 35px; }
    .sd-home__special-card { grid-template-columns: 1fr; }
    .sd-home__special-card > img { height: 220px; }
    .sd-home__steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .sd-home__wrap { padding-left: 20px; padding-right: 20px; }
    .sd-home__hero { padding-top: 115px; }
    .sd-home__hero--immersive .sd-home__hero-grid { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 0; }
    .sd-home__hero--immersive h1 { font-size: clamp(5.1rem, 24vw, 8rem); }
    .sd-home__hero--immersive .sd-home__hero-copy { padding-bottom: 0; }
    .sd-home__hero--immersive .sd-home__innovation-label { margin-bottom: 28px; }
    .sd-home__hero--immersive .sd-home__lead { max-width: 440px; }
    .sd-home__hero--immersive .sd-home__actions { flex-direction: row; }
    .sd-home__hero--immersive .sd-home__actions > a { flex: 1 1 190px; }
    .sd-home__hero-art { position: relative; width: calc(100% + 40px); right: auto; top: auto; margin: -5px -20px -15px; height: 310px; }
    .sd-home__hero-art > img { object-fit: cover; -webkit-mask-image: linear-gradient(180deg, transparent, #000 15%, #000 82%, transparent); mask-image: linear-gradient(180deg, transparent, #000 15%, #000 82%, transparent); }
    .sd-home__art-caption { right: 28px; bottom: 20px; font-size: .6rem; }
    .sd-home__hero--immersive .sd-home__benefits { margin-top: 0; }
    .sd-home__hero-grid, .sd-home__eori-grid, .sd-home__faq-grid, .sd-home__final-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .sd-home h1 { font-size: clamp(4.5rem, 21vw, 6.5rem); }
    .sd-home h2 { font-size: 2.15rem; }
    .sd-home__hero-copy { padding-bottom: 0; }
    .sd-home__digital { padding: 24px 20px; }
    .sd-home__digital-flow > li { padding: 17px 13px; gap: 8px; }
    .sd-home__digital-flow > li + li::before { left: 26px; }
    .sd-home .sd-home__digital-heading { font-size: 1.85rem; }
    .sd-home__benefits { grid-template-columns: 1fr; gap: 15px; margin-top: 28px; }
    .sd-home__section-heading { flex-direction: column; align-items: start; gap: 22px; }
    .sd-home__section-heading > p { max-width: none; }
    .sd-home__main-grid, .sd-home__special-grid, .sd-home__guides { grid-template-columns: minmax(0,1fr); }
    .sd-home__card-image img { aspect-ratio: 1.6; }
    .sd-home__special-card { grid-template-columns: 37% 1fr; }
    .sd-home__special-card > img { height: 100%; min-height: 230px; }
    .sd-home__special-card > div { padding: 22px 18px; }
    .sd-home__special-card h3 { font-size: 1.08rem; }
    .sd-home__eori-image img { height: 260px; }
    .sd-home__steps { gap: 22px; }
    .sd-home__final { padding: 60px 0; }
}
@media (max-width: 370px) { .sd-home__steps { grid-template-columns: 1fr; } .sd-home__special-card { grid-template-columns: 1fr; } .sd-home__special-card > img { height: 200px; } }