body.sd-about-page .header-bar:not(.scrolled) { background: #041b30; border-bottom-color: #ffffff25; }
body.sd-about-page .header-bar:not(.scrolled) .dark_logo { display: none; }
body.sd-about-page .header-bar:not(.scrolled) .light_logo { display: block; }
body.sd-about-page .header-bar:not(.scrolled) .hamburger .bar { background: #fff; }
body.sd-about-page .header-bar:not(.scrolled) .hover-app-effect span { color: #fff !important; }
@media (min-width: 1024px) {
    body.sd-about-page .header-bar:not(.scrolled) nav ul.main_menu_list a,
    body.sd-about-page .header-bar:not(.scrolled) nav .megamenu-item button { color: #fff; }
    body.sd-about-page .header-bar:not(.scrolled) nav ul.main_menu_list a:hover,
    body.sd-about-page .header-bar:not(.scrolled) nav .megamenu-item button:hover,
    body.sd-about-page .header-bar:not(.scrolled) .menu-item.current-menu-item a { border-color: #ffffff65; }
}
.sd-about { color: #001e3b; font-family: Inter, Arial, sans-serif; }
.sd-about *, .sd-about *::before, .sd-about *::after { box-sizing: border-box; }
.sd-about__wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.sd-about h1, .sd-about h2, .sd-about h3, .sd-about p { margin-top: 0; }
.sd-about h1 { font-size: clamp(3.1rem, 5.8vw, 5.2rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.02; margin-bottom: 26px; }
.sd-about h1 > span { color: #6cdeee; }
.sd-about h2 { font-size: clamp(2rem, 3.8vw, 3.35rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.1; margin-bottom: 26px; }
.sd-about h3 { font-size: 1.27rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.35; margin-bottom: 15px; }
.sd-about p { font-size: 1rem; line-height: 1.75; margin-bottom: 20px; }
.sd-about a { text-decoration: none; }
.sd-about a:focus-visible { outline: 3px solid #e8ae2d; outline-offset: 5px; }
.sd-about [id] { scroll-margin-top: 130px; }
.sd-about .sd-about__eyebrow { text-transform: uppercase; font-size: .72rem; font-weight: 750; letter-spacing: .15em; line-height: 1.4; color: #007b9f; margin-bottom: 24px; }
.sd-about__hero { padding: 150px 0 0; overflow: hidden; color: #fff; background: radial-gradient(ellipse at 80% 55%, #0d4961, transparent 62%), #041b30; }
.sd-about__hero .sd-about__eyebrow { color: #80d8e9; }
.sd-about__breadcrumbs { display: flex; align-items: center; gap: 12px; font-size: .75rem; color: #94b3c6; margin-bottom: 32px; }
.sd-about__breadcrumbs a { color: #bcdeed; }
.sd-about__hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 65px; align-items: center; }
.sd-about .sd-about__lead { color: #b9cfdd; font-size: 1.15rem; max-width: 580px; margin-bottom: 28px; }
.sd-about__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.sd-about__button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 16px 22px; min-height: 54px; border: 1px solid transparent; font-size: .9rem; font-weight: 700; line-height: 1.4; transition: background .2s, color .2s; }
.sd-about__button--cyan { background: #6ce1ed; color: #002a40; }
.sd-about__button--cyan:hover { background: #b1f2f8; color: #002a40; }
.sd-about__button--outline { border-color: #8eb3c66b; color: #e5f2fa; }
.sd-about__button--outline:hover { background: #173e54; color: #fff; }
.sd-about__brand-visual { min-width: 0; position: relative; isolation: isolate; text-align: center; padding: 35px 12px; }
.sd-about__orbit { z-index: -1; position: absolute; width: 410px; height: 410px; border: 1px solid #62cee338; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 32px #4ac9e109, 0 0 0 68px #4ac9e106; }
.sd-about__orbit::after { content: ''; position: absolute; width: 9px; height: 9px; background: #6bdfef; border-radius: 50%; right: 41px; top: 72px; box-shadow: 0 0 20px #66e2ff; }
.sd-about .sd-about__visual-kicker { color: #9ac9da; font-size: .8rem; text-transform: uppercase; letter-spacing: .23em; margin-bottom: 0; }
.sd-about__version { display: block; font-size: clamp(9rem, 16vw, 14rem); line-height: 1.16; font-weight: 700; letter-spacing: -.08em; padding-right: .08em; color: #6cdeee; background: linear-gradient(140deg,#ccf8fc,#2cb6d5 60%,#137094); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sd-about .sd-about__visual-line { font-size: 1.1rem; color: #e1eff6; margin-bottom: 22px; }
.sd-about__visual-tags { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; }
.sd-about__visual-tags li { padding: 6px 12px; border: 1px solid #75c9df50; color: #a4d6e5; font-size: .7rem; }
.sd-about__hero-foot { border-top: 1px solid #98c8df30; margin-top: 50px; display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; padding: 24px 0; color: #a7c5d6; font-size: .85rem; }
.sd-about__section { padding: 90px 0; }
.sd-about__section--ice { background: #eff8fc; }
.sd-about__intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; }
.sd-about__intro-copy p { color: #4b6273; }
.sd-about__intro-copy p:first-child { font-size: 1.15rem; color: #153951; }
.sd-about__intro-copy p:last-child { margin-bottom: 0; }
.sd-about__heading { max-width: 760px; margin-bottom: 40px; }
.sd-about__heading > p:last-child:not(.sd-about__eyebrow) { color: #4b6273; }
.sd-about__principles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.sd-about__principles article { border-top: 2px solid #009bc3; padding: 28px; background: #fff; }
.sd-about__number { display: block; color: #007698; font-size: .7rem; letter-spacing: .08em; font-weight: 700; margin-bottom: 28px; }
.sd-about__principles p { font-size: .95rem; color: #4b6273; margin-bottom: 0; }
.sd-about__people-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.sd-about__people-grid > div > p:not(.sd-about__eyebrow) { color: #4b6273; }
.sd-about__photo { position: relative; min-width: 0; }
.sd-about__photo img { display: block; width: 100%; height: 460px; object-fit: cover; }
.sd-about__photo-caption { position: absolute; bottom: 25px; left: 25px; padding: 20px 25px; background: #041b30ed; color: #bddeed; font-size: 1.2rem; line-height: 1.4; }
.sd-about__photo-caption strong { color: #7de0ed; font-weight: 600; }
.sd-about__text-link { display: inline-flex; gap: 18px; color: #007b9f; font-size: .95rem; font-weight: 700; }
.sd-about__section--navy { background: #062943; color: #fff; }
.sd-about__section--navy .sd-about__eyebrow { color: #6fd7e9; }
.sd-about__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; padding: 0; margin: 0; list-style: none; }
.sd-about__steps li { padding-top: 22px; border-top: 1px solid #41667d; }
.sd-about__steps li > span { display: block; color: #6bd9e9; margin-bottom: 25px; font-size: .8rem; }
.sd-about__steps h3 { font-size: 1.15rem; }
.sd-about__steps p { color: #b9d1df; font-size: .94rem; }
.sd-about .sd-about__process-note { color: #99b7c9; font-size: .84rem; margin: 30px 0 0; }
.sd-about__services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.sd-about__services-grid p:not(.sd-about__eyebrow) { color: #4b6273; }
.sd-about__service-links > a { display: grid; grid-template-columns: 30px 1fr 20px; gap: 15px; padding: 23px 0; border-top: 1px solid #c3d4df; color: #001e3b; align-items: center; }
.sd-about__service-links > a:last-child { border-bottom: 1px solid #c3d4df; }
.sd-about__service-links > a > span { color: #007b9f; font-size: .8rem; }
.sd-about__service-links > a > strong { font-size: 1.08rem; font-weight: 650; }
.sd-about__service-links > a:hover { background: #f0f8fb; }
.sd-about__final { background: #041b30; padding: 75px 0; color: #fff; }
.sd-about__final .sd-about__eyebrow { color: #7dddeb; }
.sd-about__final-grid { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.sd-about__final-grid p:not(.sd-about__eyebrow) { color: #b8cfde; margin-bottom: 0; max-width: 520px; }
.sd-about__final-actions { display: flex; flex-direction: column; gap: 12px; }
@media (prefers-reduced-motion: reduce) { .sd-about * { transition: none !important; } }
@media (max-width: 1023px) {
    .sd-about__hero { padding-top: 120px; }
    .sd-about__hero-grid { gap: 20px; }
    .sd-about__orbit { width: 310px; height: 310px; }
    .sd-about__intro-grid, .sd-about__people-grid, .sd-about__services-grid { gap: 35px; }
    .sd-about__principles { gap: 15px; }
    .sd-about__principles article { padding: 24px 20px; }
    .sd-about__steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .sd-about__wrap { padding: 0 20px; }
    .sd-about__hero-grid, .sd-about__intro-grid, .sd-about__principles, .sd-about__people-grid, .sd-about__services-grid, .sd-about__final-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }
    .sd-about h1 { font-size: clamp(2.8rem,11vw,4.5rem); }
    .sd-about h2 { font-size: 2.15rem; }
    .sd-about__brand-visual { padding: 30px 0; }
    .sd-about__version { font-size: 10rem; }
    .sd-about__hero-foot { grid-template-columns: 1fr; gap: 13px; margin-top: 25px; }
    .sd-about__section { padding: 60px 0; }
    .sd-about__photo img { height: 330px; }
    .sd-about__final { padding: 60px 0; }
    .sd-about__actions > a { flex: 1 1 160px; }
}
@media (max-width: 370px) { .sd-about__steps { grid-template-columns: 1fr; } }
.sd-has-languages .sd-about :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
.sd-has-languages .sd-about__hero-grid > div{min-width:0}