/* lufed IT – gemeinsames Stylesheet */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
.if{display:contents}.if[data-off]{display:none}
[data-on-mouseenter]:hover>.if[data-off],[data-on-mouseenter]:focus-within>.if[data-off]{display:contents}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #4f9fc4;outline-offset:2px}
:where(body.p-index){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-index) a{color: #7cc0e0; text-decoration: none;}:where(body.p-index) a:hover{color: #a9d8ee;}:where(body.p-index) ::selection{background: #2f6f8f; color: #fff;}:where(body.p-index) .nav-burger{display: none;}



:where(body.p-ueber-uns){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-ueber-uns) a{color: #7cc0e0; text-decoration: none;}:where(body.p-ueber-uns) a:hover{color: #a9d8ee;}:where(body.p-ueber-uns) .nav-burger{display: none;}



:where(body.p-leistungen){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-leistungen) a{color: #7cc0e0; text-decoration: none;}:where(body.p-leistungen) a:hover{color: #a9d8ee;}html{scroll-behavior: smooth;}:where(body.p-leistungen) .nav-burger{display: none;}



:where(body.p-webshop){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-webshop) a{color: #7cc0e0; text-decoration: none;}:where(body.p-webshop) a:hover{color: #a9d8ee;}:where(body.p-webshop) .nav-burger{display: none;}



:where(body.p-ki){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-ki) a{color: #7cc0e0; text-decoration: none;}:where(body.p-ki) a:hover{color: #a9d8ee;}:where(body.p-ki) .nav-burger{display: none;}



:where(body.p-case-studies){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-studies) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-studies) a:hover{color: #a9d8ee;}:where(body.p-case-studies) .nav-burger{display: none;}



:where(body.p-kontakt){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-kontakt) a{color: #7cc0e0; text-decoration: none;}:where(body.p-kontakt) a:hover{color: #a9d8ee;}:where(body.p-kontakt) input:focus, :where(body.p-kontakt) textarea:focus{outline: 2px solid #4f9fc4; outline-offset: 1px;}:where(body.p-kontakt) .nav-burger{display: none;}



:where(body.p-impressum){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-impressum) a{color: #2d6d8e; text-decoration: none;}:where(body.p-impressum) a:hover{color: #1f4f66; text-decoration: underline;}:where(body.p-impressum) .nav-burger{display: none;}



:where(body.p-datenschutz){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-datenschutz) a{color: #2d6d8e; text-decoration: none;}:where(body.p-datenschutz) a:hover{color: #1f4f66; text-decoration: underline;}:where(body.p-datenschutz) .nav-burger{display: none;}



:where(body.p-case-spendenverwaltung){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-spendenverwaltung) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-spendenverwaltung) a:hover{color: #a9d8ee;}:where(body.p-case-spendenverwaltung){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-spendenverwaltung) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-spendenverwaltung) a:hover{color: #a9d8ee;}:where(body.p-case-spendenverwaltung) .nav-burger{display: none;}



:where(body.p-case-baumarkt-cms){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-baumarkt-cms) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-baumarkt-cms) a:hover{color: #a9d8ee;}:where(body.p-case-baumarkt-cms){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-baumarkt-cms) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-baumarkt-cms) a:hover{color: #a9d8ee;}:where(body.p-case-baumarkt-cms) .nav-burger{display: none;}



:where(body.p-case-vermittlungsportal){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-vermittlungsportal) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-vermittlungsportal) a:hover{color: #a9d8ee;}:where(body.p-case-vermittlungsportal){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-vermittlungsportal) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-vermittlungsportal) a:hover{color: #a9d8ee;}:where(body.p-case-vermittlungsportal) .nav-burger{display: none;}



:where(body.p-case-mitarbeiterportal){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-mitarbeiterportal) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-mitarbeiterportal) a:hover{color: #a9d8ee;}:where(body.p-case-mitarbeiterportal){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-mitarbeiterportal) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-mitarbeiterportal) a:hover{color: #a9d8ee;}:where(body.p-case-mitarbeiterportal) .nav-burger{display: none;}



:where(body.p-case-verlagssoftware){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-verlagssoftware) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-verlagssoftware) a:hover{color: #a9d8ee;}:where(body.p-case-verlagssoftware){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-verlagssoftware) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-verlagssoftware) a:hover{color: #a9d8ee;}:where(body.p-case-verlagssoftware) .nav-burger{display: none;}



:where(body.p-case-online-shop){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-online-shop) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-online-shop) a:hover{color: #a9d8ee;}:where(body.p-case-online-shop){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-online-shop) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-online-shop) a:hover{color: #a9d8ee;}:where(body.p-case-online-shop) .nav-burger{display: none;}



:where(body.p-case-museumssoftware){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-museumssoftware) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-museumssoftware) a:hover{color: #a9d8ee;}:where(body.p-case-museumssoftware){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-museumssoftware) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-museumssoftware) a:hover{color: #a9d8ee;}:where(body.p-case-museumssoftware) .nav-burger{display: none;}



:where(body.p-case-weiterbildungsnetzwerk){margin: 0; overflow-x: clip; background: #121419;}:where(body.p-case-weiterbildungsnetzwerk) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-weiterbildungsnetzwerk) a:hover{color: #a9d8ee;}:where(body.p-case-weiterbildungsnetzwerk){margin: 0; overflow-x: clip; background: #121419; text-wrap: pretty;}:where(body.p-case-weiterbildungsnetzwerk) a{color: #7cc0e0; text-decoration: none;}:where(body.p-case-weiterbildungsnetzwerk) a:hover{color: #a9d8ee;}:where(body.p-case-weiterbildungsnetzwerk) .nav-burger{display: none;}



@media (max-width: 860px) { .nav-desktop { display: none !important; } .nav-burger { display: grid !important; } }
@media (min-width: 861px) { .nav-mobile { display: none !important; } }

.s0{background: #121419; color: #e6eaf0; font-family: 'Manrope', sans-serif; font-size: 15px; line-height: 1.6}
.s1{position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(900px 700px at 8% 18%, rgba(38,92,140,0.55), transparent 65%), radial-gradient(700px 600px at 95% 75%, rgba(30,70,110,0.35), transparent 70%), #14171d}
.s2{position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none}
.s3{position: relative; z-index: 20; max-width: 1200px; margin: 0 auto; padding: 28px clamp(20px, 5vw, 72px); display: flex; align-items: center; gap: 32px; flex-wrap: wrap; font-family: 'Manrope', sans-serif}
.s4{display: flex; align-items: center; text-decoration: none}
.s5{height: 30px; width: auto; display: block}
.s6{margin-left: auto; display: flex; align-items: center; gap: clamp(14px, 2.2vw, 28px); flex-wrap: nowrap; font-size: 13.5px; white-space: nowrap}
.s7{position: relative}
.s8{display: flex; align-items: center; gap: 6px; color: #c9d1dc; text-decoration: none; padding: 8px 0}
.s9{position: absolute; top: 100%; left: -18px; width: 320px; padding-top: 8px}
.sa{background: #1b2029; border: 1px solid rgba(255,255,255,0.09); border-radius: 8px; padding: 8px; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(0,0,0,0.45)}
.sb{display: flex; flex-direction: column; gap: 2px; padding: 9px 12px; border-radius: 6px; color: #fff; text-decoration: none; white-space: normal}
.sc{font-weight: 600; font-size: 13.5px}
.sd{font-size: 12px; color: #8d98a7}
.se{position: absolute; top: 100%; left: -18px; width: 280px; padding-top: 8px}
.sf{position: absolute; top: 100%; left: -18px; width: 0; padding-top: 8px}
.sg{font: inherit; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border: 0; border-radius: 999px; padding: 10px 20px; cursor: pointer; flex: none}
.sh{display: none; margin-left: auto; width: 44px; height: 44px; place-items: center; border-radius: 10px; border: 1px solid rgba(255,255,255,0.16); background: transparent; color: #fff; cursor: pointer}
.si{position: absolute; left: 12px; right: 12px; top: calc(100% - 12px); z-index: 30; max-height: calc(100vh - 110px); overflow: auto; background: #1b2029; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 12px; box-shadow: 0 24px 60px rgba(0,0,0,0.5); display: flex; flex-direction: column; gap: 4px; font-size: 15px}
.sj{display: flex; flex-direction: column; padding: 6px 4px; border-bottom: 1px solid rgba(255,255,255,0.06)}
.sk{color: #fff; font-weight: 600; text-decoration: none; padding: 10px 8px}
.sl{color: #a8b3c1; text-decoration: none; padding: 7px 8px 7px 20px; font-size: 14px}
.sm{margin: 10px 4px 4px; font: inherit; font-weight: 600; font-size: 14px; color: #fff; background: #2d6d8e; border: 0; border-radius: 999px; padding: 13px 22px; cursor: pointer}
.sn{position: fixed; inset: 0; z-index: 1000; background: rgba(8,10,14,0.72); backdrop-filter: blur(4px); display: grid; place-items: center; padding: 20px}
.so{position: relative; width: min(520px, 100%); max-height: calc(100vh - 40px); overflow: auto; background: #1b2029; border: 1px solid rgba(255,255,255,0.09); border-radius: 10px; padding: clamp(24px, 4vw, 40px); box-shadow: 0 30px 80px rgba(0,0,0,0.55); color: #e6eaf0}
.sp{position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.14); background: transparent; color: #c9d1dc; font-size: 18px; line-height: 1; cursor: pointer}
.sq{display: flex; flex-direction: column; gap: 16px}
.sr{display: flex; flex-direction: column; gap: 6px; padding-right: 40px}
.ss{font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #7cc0e0}
.st{font-family: 'Newsreader', serif; font-weight: 300; font-size: 32px; line-height: 1.1; color: #fff}
.su{color: #a8b3c1; font-size: 14px}
.sv{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 14px}
.sw{display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #a8b3c1}
.sx{font: inherit; font-size: 15px; color: #fff; background: #0f1216; border: 1px solid rgba(255,255,255,0.14); border-radius: 6px; padding: 12px 14px}
.sy{display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; color: #8d98a7}
.sz{margin-top: 3px; accent-color: #4f9fc4}
.s10{color: #7cc0e0}
.s11{align-self: flex-start; font: inherit; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border: 0; border-radius: 999px; padding: 12px 28px; cursor: pointer; margin-top: 4px}
.s12{color: #f2a7a0; font-size: 13.5px}
.s13{position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0}
.s14{display: flex; flex-direction: column; gap: 14px; padding: 12px 40px 8px 0}
.s15{width: 48px; height: 48px; border-radius: 50%; background: rgba(79,159,196,0.16); color: #7cc0e0; display: grid; place-items: center}
.s16{font-family: 'Newsreader', serif; font-weight: 300; font-size: 30px; line-height: 1.1; color: #fff}
.s17{color: #a8b3c1}
.s18{align-self: flex-start; font: inherit; font-weight: 600; font-size: 13px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; padding: 10px 22px; cursor: pointer}
.s19{position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 900; margin: 0 auto; max-width: 880px; background: #1b2029; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 20px 24px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); display: flex; gap: 16px 24px; align-items: center; flex-wrap: wrap; color: #c9d1dc; font-size: 13.5px}
.s1a{flex: 1 1 360px; display: flex; flex-direction: column; gap: 4px}
.s1b{font-weight: 600; color: #fff}
.s1c{display: flex; gap: 10px; flex-wrap: wrap}
.s1d{font: inherit; font-weight: 600; font-size: 13px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; padding: 10px 20px; cursor: pointer}
.s1e{font: inherit; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border: 0; border-radius: 999px; padding: 10px 20px; cursor: pointer}
.s1f{position: relative; max-width: 1200px; margin: 0 auto; padding: 64px clamp(20px, 5vw, 72px) 72px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px; align-items: center}
.s1g{position: relative; z-index: 1; display: flex; flex-direction: column; gap: 28px}
.s1h{align-self: flex-start; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #7cc0e0; background: rgba(79,159,196,0.12); border-radius: 999px; padding: 6px 14px}
.s1i{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(46px, 6.4vw, 92px); line-height: 1.02; letter-spacing: -0.02em; margin: 0; color: #fff; max-width: 12ch; text-wrap: balance}
.s1j{font-style: italic; color: #8fd3ee}
.s1k{margin: 0; max-width: 44ch; color: #a8b3c1; font-size: 17px}
.s1l{display: flex; gap: 12px; flex-wrap: wrap}
.s1m{font: inherit; border: 0; cursor: pointer; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border-radius: 999px; padding: 12px 26px}
.s1n{display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; font-size: 13px; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; padding: 12px 24px}
.s1o{position: relative; justify-self: center; width: min(440px, 100%); aspect-ratio: 422 / 601}
.s1p{position: absolute; inset: 8% 4% 10% 0; border-radius: 50%; background: radial-gradient(circle, rgba(79,159,196,0.30), transparent 68%)}
.s1q{position: relative; width: 100%; height: 100%; object-fit: contain; display: block}
.s1r{position: absolute; left: calc(51% - 200px); top: calc(100% - 4px); width: 400px; height: 1600px; overflow: visible; pointer-events: none; z-index: -1; clip-path: inset(0 0 calc((1 - var(--p, 0.04)) * 100%) 0); transition: clip-path 0.12s linear}
.s1s{position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 72px) 96px; display: flex; flex-direction: column; gap: 20px}
.s1t{align-self: flex-start; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #7cc0e0; background: rgba(79,159,196,0.12); border-radius: 999px; padding: 5px 12px}
.s1u{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.3; margin: 0; max-width: 32ch; color: #fff}
.s1v{margin: 0; max-width: 62ch; color: #8d98a7}
.s1w{position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 5vw, 72px) 120px; border-top: 1px solid rgba(255,255,255,0.07); display: flex; flex-direction: column; gap: 24px}
.s1x{background: #191d24; border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: clamp(24px, 3.5vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px}
.s1y{display: flex; flex-direction: column; gap: 14px}
.s1z{width: 44px; height: 44px; border-radius: 10px; background: rgba(79,159,196,0.14); color: #7cc0e0; display: grid; place-items: center}
.s20{margin: 0; font-weight: 500; font-size: 20px; color: #fff}
.s21{margin: 0; color: #8d98a7; max-width: 46ch}
.s22{font-size: 13px; font-weight: 600; margin-top: 4px}
.s23{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 16px}
.s24{background: #182532; border: 1px solid rgba(79,159,196,0.22); border-radius: 6px; padding: 22px; display: flex; flex-direction: column; gap: 8px}
.s25{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #7cc0e0; font-weight: 600}
.s26{color: #fff; font-weight: 500}
.s27{color: #8d98a7; font-size: 14px}
.s28{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px}
.s29{background: #191d24; border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 32px; display: flex; flex-direction: column; gap: 14px; color: inherit}
.s2a{font-weight: 500; font-size: 18px; color: #fff}
.s2b{color: #8d98a7}
.s2c{font-size: 13px; font-weight: 600; color: #7cc0e0; margin-top: auto}
.s2d{background: #ffffff; color: #15181e}
.s2e{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: flex; flex-direction: column; gap: 56px}
.s2f{display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center}
.s2g{font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #2d6d8e; background: #e3f0f6; border-radius: 999px; padding: 5px 12px}
.s2h{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(32px, 3.4vw, 46px); line-height: 1.1; margin: 0}
.s2i{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 56px 48px}
.s2j{display: flex; flex-direction: column; gap: 14px; color: #15181e}
.s2k{aspect-ratio: 4 / 3; background: #eef2f5; overflow: hidden}
.s2l{position: relative; width: 100%; height: 100%; overflow: hidden; background: radial-gradient(120% 90% at 15% 10%, #24557a 0%, #16283a 45%, #10161e 100%); font-family: 'Manrope', sans-serif; color: #e6eaf0; display: grid; place-items: center; container-type: size}
.s2m{position: absolute; right: -12%; bottom: -30%; width: 60%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(79,159,196,0.22), transparent 65%)}
.s2n{position: relative; width: 86%; height: 78%; display: grid; place-items: center}
.s2o{position: absolute; inset: 0; display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); gap: 6%}
.s2p{border-radius: 4px; background: rgba(124,192,224,0.10); border: 1px solid rgba(124,192,224,0.22)}
.s2q{position: relative; padding: 4cqh 5cqw; border-radius: 999px; background: #2d6d8e; box-shadow: 0 0 0 10px rgba(45,109,142,0.25), 0 16px 40px rgba(0,0,0,0.45); text-align: center; display: flex; flex-direction: column; gap: 2px}
.s2r{font-weight: 700; font-size: clamp(11px, 6cqh, 20px)}
.s2s{font-size: clamp(9px, 3.6cqh, 13px); color: #cfe4ee}
.s2t{width: 100%; height: 100%}
.s2u{font-weight: 500; font-size: 17px}
.s2v{color: #4a5563; font-size: 14px}
.s2w{display: flex; gap: 6px; flex-wrap: wrap}
.s2x{font-size: 11px; border: 1px solid #c9d2db; border-radius: 999px; padding: 3px 10px; color: #4a5563}
.s2y{position: relative; width: 84%; height: 74%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6%}
.s2z{position: absolute; inset: 0; width: 100%; height: 100%}
.s30{position: relative; display: flex; flex-direction: column; gap: 10%; height: 100%; justify-content: space-between}
.s31{background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; padding: 3cqh 3cqw; font-size: clamp(9px, 3.8cqh, 13px); font-weight: 600}
.s32{position: relative; width: clamp(56px, 30cqh, 120px); aspect-ratio: 1; border-radius: 50%; background: #2d6d8e; display: grid; place-items: center; text-align: center; font-weight: 700; font-size: clamp(9px, 4cqh, 14px); box-shadow: 0 0 0 10px rgba(45,109,142,0.25)}
.s33{background: rgba(124,192,224,0.12); border: 1px solid rgba(124,192,224,0.3); border-radius: 6px; padding: 3cqh 3cqw; font-size: clamp(9px, 3.8cqh, 13px); font-weight: 600; text-align: right}
.s34{position: relative; height: 80%; aspect-ratio: 3 / 4; justify-self: center}
.s35{position: absolute; inset: 0; transform: rotate(-10deg) translateX(-14%); border-radius: 4px; background: #cfe4ee; opacity: 0.35}
.s36{position: absolute; inset: 0; transform: rotate(-4deg) translateX(-6%); border-radius: 4px; background: #cfe4ee; opacity: 0.6}
.s37{position: absolute; inset: 0; border-radius: 4px; background: #f6f8fa; padding: 10% 10%; display: flex; flex-direction: column; gap: 7%; box-shadow: 0 14px 30px rgba(0,0,0,0.4)}
.s38{height: 10%; width: 70%; border-radius: 2px; background: #2d6d8e}
.s39{height: 28%; border-radius: 2px; background: #9cc4d8}
.s3a{height: 5%; width: 90%; border-radius: 2px; background: #c9d2db}
.s3b{height: 5%; width: 75%; border-radius: 2px; background: #c9d2db}
.s3c{height: 5%; width: 82%; border-radius: 2px; background: #c9d2db}
.s3d{display: flex; flex-direction: column; gap: 4cqh}
.s3e{align-self: flex-start; font-size: clamp(9px, 3.8cqh, 13px); font-weight: 600; padding: 2cqh 3cqw; border-radius: 999px; background: rgba(124,192,224,0.14); border: 1px solid rgba(124,192,224,0.32)}
.s3f{position: relative; width: 84%; height: 76%; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 20px 50px rgba(0,0,0,0.4); display: flex; flex-direction: column; overflow: hidden}
.s3g{display: flex; gap: 1.5cqw; padding: 3cqh 3cqw 0; border-bottom: 1px solid rgba(255,255,255,0.08)}
.s3h{font-size: clamp(8px, 3.2cqh, 12px); font-weight: 600; padding: 1.6cqh 2.4cqw; border-radius: 6px 6px 0 0; background: #2d6d8e; color: #fff}
.s3i{font-size: clamp(8px, 3.2cqh, 12px); font-weight: 600; padding: 1.6cqh 2.4cqw; border-radius: 6px 6px 0 0; background: rgba(255,255,255,0.06); color: #a8b3c1}
.s3j{flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 2cqw; padding: 4cqh 3cqw}
.s3k{display: flex; flex-direction: column; align-items: center; gap: 2cqh; text-align: center}
.s3l{width: clamp(28px, 13cqh, 56px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: clamp(9px, 4cqh, 15px); background: #2d6d8e; border: 1px solid rgba(124,192,224,0.45)}
.s3m{font-size: clamp(8px, 3.4cqh, 12px); font-weight: 600; line-height: 1.25}
.s3n{width: clamp(28px, 13cqh, 56px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: clamp(9px, 4cqh, 15px); background: rgba(255,255,255,0.06); border: 1px solid rgba(124,192,224,0.45)}
.s3o{display: flex; justify-content: space-between; align-items: center; padding: 3cqh 3cqw; background: rgba(45,109,142,0.25); font-size: clamp(8px, 3.4cqh, 12px)}
.s3p{color: #cfe4ee}
.s3q{font-weight: 700}
.s3r{position: relative; width: 82%; height: 76%; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 20px 50px rgba(0,0,0,0.4); display: grid; grid-template-columns: 26% 1fr; overflow: hidden}
.s3s{background: rgba(45,109,142,0.35); padding: 6cqh 3cqw; display: flex; flex-direction: column; gap: 5cqh}
.s3t{font-weight: 700; font-size: clamp(9px, 4.4cqh, 15px)}
.s3u{font-size: clamp(8px, 3.4cqh, 12px); color: #cfe4ee}
.s3v{padding: 6cqh 4cqw; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr 1fr; gap: 4cqh 3cqw}
.s3w{grid-column: 1 / -1; height: 6cqh; width: 50%; border-radius: 999px; background: rgba(255,255,255,0.14)}
.s3x{border-radius: 6px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); padding: 3cqh 2cqw; display: flex; flex-direction: column; gap: 2cqh}
.s3y{font-size: clamp(8px, 3.4cqh, 12px); font-weight: 600}
.s3z{height: 2cqh; width: 80%; border-radius: 999px; background: rgba(124,192,224,0.3)}
.s40{height: 2cqh; width: 55%; border-radius: 999px; background: rgba(255,255,255,0.12)}
.s41{position: relative; width: 82%; height: 78%; border-radius: 8px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 20px 50px rgba(0,0,0,0.4); display: flex; flex-direction: column; overflow: hidden}
.s42{display: flex; align-items: center; justify-content: space-between; padding: 3.5cqh 4cqw; border-bottom: 1px solid rgba(255,255,255,0.08)}
.s43{height: 4cqh; width: 22%; border-radius: 999px; background: rgba(255,255,255,0.3)}
.s44{font-size: clamp(8px, 3.4cqh, 12px); font-weight: 700; padding: 1cqh 2.5cqw; border-radius: 999px; background: #2d6d8e}
.s45{flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 4cqh 3cqw; padding: 5cqh 4cqw}
.s46{border-radius: 6px; background: rgba(255,255,255,0.06); display: flex; flex-direction: column; justify-content: flex-end; gap: 1.5cqh; padding: 2cqh 1.5cqw}
.s47{flex: 1; border-radius: 4px; background: linear-gradient(160deg, rgba(124,192,224,0.45), rgba(45,109,142,0.25))}
.s48{height: 2cqh; width: 70%; border-radius: 999px; background: rgba(255,255,255,0.2)}
.s49{align-self: center; font-size: 13px; font-weight: 600; color: #15181e; border: 1px solid #c9d2db; border-radius: 999px; padding: 10px 22px}
.s4a{position: relative; overflow: hidden; background: radial-gradient(800px 600px at 0% 20%, rgba(38,92,140,0.4), transparent 65%), radial-gradient(700px 600px at 100% 85%, rgba(30,70,110,0.3), transparent 70%), #14171d}
.s4b{position: relative; max-width: 1200px; margin: 0 auto; padding: 112px clamp(20px, 5vw, 72px) 80px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 48px}
.s4c{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.12; margin: 0; color: #fff; max-width: 18ch}
.s4d{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 40px 32px}
.s4e{display: flex; flex-direction: column; gap: 6px}
.s4f{font-family: 'Newsreader', serif; font-weight: 300; font-size: 44px; line-height: 1; color: #fff}
.s4g{color: #8d98a7; font-size: 13.5px; max-width: 28ch}
.s4h{position: relative; max-width: 1200px; margin: 0 auto; padding: 80px clamp(20px, 5vw, 72px) 120px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 48px; align-items: start}
.s4i{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.12; margin: 0; color: #fff; max-width: 14ch}
.s4j{grid-column: span 2; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 20px}
.s4k{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 26px; display: flex; flex-direction: column; gap: 10px}
.s4l{width: 8px; height: 8px; border-radius: 50%; background: #4f9fc4}
.s4m{margin: 0; font-weight: 500; font-size: 16px; color: #fff}
.s4n{margin: 0; color: #8d98a7; font-size: 14px}
.s4o{background: #0f1013; border-top: 1px solid rgba(255,255,255,0.06)}
.s4p{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 56px; align-items: center}
.s4q{aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: #0e0e10}
.s4r{width: 100%; height: 100%; object-fit: cover; object-position: 62% 30%; display: block}
.s4s{display: flex; flex-direction: column; gap: 20px}
.s4t{display: flex; flex-direction: column; gap: 4px}
.s4u{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.1; margin: 0; color: #fff}
.s4v{margin: 0; color: #a8b3c1; max-width: 48ch}
.s4w{font: inherit; border: 0; cursor: pointer; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border-radius: 999px; padding: 11px 24px}
.s4x{font-weight: 600; font-size: 13px; color: #fff; border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; padding: 11px 24px}
.s4y{font-family: 'Manrope', sans-serif; font-size: 15px; line-height: 1.6}
.s4z{position: relative; overflow: hidden; background: #111318}
.s50{position: absolute; left: 50%; top: 50%; width: 520px; height: 520px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #2a5566, #15303b 60%, #0e1c23); opacity: 0.85}
.s51{position: relative; max-width: 720px; margin: 0 auto; padding: 150px clamp(20px, 5vw, 72px); display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center}
.s52{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.12; margin: 0; color: #fff; max-width: 12ch; text-wrap: balance}
.s53{margin: 0; color: #a8b3c1; max-width: 32ch; font-size: 14.5px}
.s54{display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 8px}
.s55{font-weight: 600; font-size: 13px; color: #fff; background: #4f9fc4; border-radius: 999px; padding: 12px 28px; text-decoration: none}
.s56{font-weight: 600; font-size: 13px; color: #fff; border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; padding: 12px 28px; text-decoration: none}
.s57{background: #121419; border-top: 1px solid rgba(255,255,255,0.06); color: #8d98a7; font-size: 13.5px}
.s58{max-width: 1200px; margin: 0 auto; padding: 64px clamp(20px, 5vw, 72px) 48px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 40px 32px}
.s59{display: flex; flex-direction: column; gap: 14px; grid-column: span 1}
.s5a{height: 28px; width: auto; display: block; align-self: flex-start}
.s5b{max-width: 28ch}
.s5c{color: #fff; font-weight: 600; text-decoration: none; margin-bottom: 4px}
.s5d{color: #8d98a7; text-decoration: none}
.s5e{color: #7cc0e0; text-decoration: none}
.s5f{max-width: 1200px; margin: 0 auto; padding: 20px clamp(20px, 5vw, 72px) 36px; border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; font-size: 12.5px; color: #6a7584}
.s5g{display: flex; gap: 24px}
.s5h{position: relative; overflow: hidden; background: radial-gradient(900px 600px at 8% 10%, rgba(38,92,140,0.55), transparent 65%), #14171d}
.s5i{display: flex; align-items: center; gap: 6px; color: #ffffff; text-decoration: none; padding: 8px 0}
.s5j{position: relative; max-width: 1200px; margin: 0 auto; padding: 80px clamp(20px, 5vw, 72px) 96px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 56px; align-items: start}
.s5k{display: flex; flex-direction: column; gap: 24px}
.s5l{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.08; margin: 0; color: #fff; max-width: 14ch}
.s5m{display: flex; flex-direction: column; gap: 18px; color: #a8b3c1; font-size: 16px; max-width: 56ch}
.s5n{margin: 0}
.s5o{position: relative; max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 5vw, 72px) 112px; border-top: 1px solid rgba(255,255,255,0.07); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 40px 32px}
.s5p{color: #8d98a7; font-size: 14px; max-width: 24ch}
.s5q{background: #ffffff; color: #15181e; border-bottom: 1px solid #e6ecf1}
.s5r{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 48px}
.s5s{align-self: flex-start; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #2d6d8e; background: #e3f0f6; border-radius: 999px; padding: 5px 12px}
.s5t{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0}
.s5u{display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-top: 1px solid #e6ecf1}
.s5v{font-family: 'Newsreader', serif; font-weight: 300; font-size: 30px; line-height: 1; color: #2d6d8e}
.s5w{font-weight: 600}
.s5x{color: #4a5563; font-size: 14.5px}
.s5y{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 48px}
.s5z{margin: 0; color: #4a5563; max-width: 46ch}
.s60{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px}
.s61{background: #f1f5f8; border-radius: 6px; padding: 22px; display: flex; flex-direction: column; gap: 6px}
.s62{position: relative; overflow: hidden; background: radial-gradient(800px 600px at 100% 30%, rgba(38,92,140,0.4), transparent 65%), #14171d}
.s63{max-width: 1200px; margin: 0 auto; padding: 112px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 56px; align-items: center}
.s64{width: min(360px, 100%); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: #0e0e10; justify-self: center}
.s65{display: flex; flex-direction: column; gap: 8px; color: #a8b3c1}
.s66{display: flex; gap: 12px; align-items: baseline}
.s67{width: 6px; height: 6px; border-radius: 50%; background: #4f9fc4; flex: none; transform: translateY(-2px)}
.s68{font-weight: 600; font-size: 13px; color: #fff; border: 1px solid rgba(255,255,255,0.25); border-radius: 999px; padding: 10px 22px}
.s69{background: #14171d; border-top: 1px solid rgba(255,255,255,0.06)}
.s6a{max-width: 1200px; margin: 0 auto; padding: 88px clamp(20px, 5vw, 72px) 112px; display: flex; flex-direction: column; gap: 40px}
.s6b{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 16px 48px; align-items: end}
.s6c{margin: 0; color: #a8b3c1; max-width: 52ch}
.s6d{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 20px}
.s6e{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 24px; display: flex; flex-direction: column; gap: 12px}
.s6f{width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-family: 'Newsreader', serif; font-size: 22px; color: #fff; background: #2d6d8e}
.s6g{display: flex; flex-direction: column; gap: 2px}
.s6h{margin: 0; font-weight: 600; font-size: 17px; color: #fff}
.s6i{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #7cc0e0}
.s6j{width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-family: 'Newsreader', serif; font-size: 22px; color: #fff; background: #1f4f66}
.s6k{width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-family: 'Newsreader', serif; font-size: 22px; color: #fff; background: #3a86ab}
.s6l{position: relative; max-width: 1200px; margin: 0 auto; padding: 72px clamp(20px, 5vw, 72px) 64px; display: flex; flex-direction: column; gap: 24px}
.s6m{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.08; margin: 0; color: #fff; max-width: 16ch}
.s6n{margin: 0; max-width: 60ch; color: #a8b3c1; font-size: 16px}
.s6o{display: flex; gap: 8px; flex-wrap: wrap}
.s6p{font-size: 12.5px; color: #c9d1dc; border: 1px solid rgba(255,255,255,0.14); border-radius: 999px; padding: 6px 14px}
.s6q{position: relative; max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 5vw, 72px) 104px; border-top: 1px solid rgba(255,255,255,0.07); display: flex; flex-direction: column; gap: 32px; scroll-margin-top: 24px}
.s6r{margin: 0; color: #a8b3c1; max-width: 56ch}
.s6s{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px}
.s6t{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 12px}
.s6u{margin: 0; font-weight: 500; font-size: 19px; color: #fff}
.s6v{margin: 0; color: #a8b3c1; font-size: 14.5px}
.s6w{margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #c9d1dc}
.s6x{display: flex; gap: 10px; align-items: baseline}
.s6y{width: 5px; height: 5px; border-radius: 50%; background: #4f9fc4; flex: none; transform: translateY(-2px)}
.s6z{background: #ffffff; color: #15181e; scroll-margin-top: 24px}
.s70{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: flex; flex-direction: column; gap: 32px}
.s71{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.1; margin: 0}
.s72{margin: 0; color: #4a5563; max-width: 56ch}
.s73{background: #f1f5f8; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 12px}
.s74{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #2d6d8e; font-weight: 600}
.s75{margin: 0; font-weight: 600; font-size: 19px}
.s76{margin: 0; color: #3d4754; font-size: 14.5px}
.s77{margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #3d4754}
.s78{width: 5px; height: 5px; border-radius: 50%; background: #2d6d8e; flex: none; transform: translateY(-2px)}
.s79{align-self: flex-start; font-size: 13px; font-weight: 600; color: #15181e; border: 1px solid #c9d2db; border-radius: 999px; padding: 10px 22px}
.s7a{position: relative; background: radial-gradient(800px 600px at 0% 30%, rgba(38,92,140,0.4), transparent 65%), #14171d; scroll-margin-top: 24px}
.s7b{max-width: 1200px; margin: 0 auto; padding: 104px clamp(20px, 5vw, 72px); display: flex; flex-direction: column; gap: 40px}
.s7c{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 20px}
.s7d{width: 36px; height: 36px; border-radius: 50%; border: 1px solid #4f9fc4; color: #7cc0e0; display: grid; place-items: center; font-size: 13px; font-weight: 600}
.s7e{margin: 0; font-weight: 500; font-size: 17px; color: #fff}
.s7f{font-size: 12px; color: #7cc0e0; border: 1px solid rgba(124,192,224,0.35); border-radius: 999px; padding: 4px 12px}
.s7g{background: #f1f5f8; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 10px}
.s7h{position: relative; background: radial-gradient(800px 600px at 100% 30%, rgba(38,92,140,0.4), transparent 65%), #14171d; scroll-margin-top: 24px}
.s7i{max-width: 1200px; margin: 0 auto; padding: 104px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 40px 56px; align-items: start}
.s7j{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px}
.s7k{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 24px; display: flex; flex-direction: column; gap: 10px}
.s7l{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #c9d1dc}
.s7m{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 40px 56px; align-items: start}
.s7n{margin: 0; color: #3d4754; max-width: 52ch}
.s7o{position: relative; max-width: 1200px; margin: 0 auto; padding: 72px clamp(20px, 5vw, 72px) 104px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: 48px; align-items: center}
.s7p{margin: 0; max-width: 48ch; color: #a8b3c1; font-size: 16px}
.s7q{position: relative; justify-self: center; width: min(400px, 100%); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 35% 30%, #3f7d93, #1b3a48 60%, #10232c); box-shadow: 0 40px 80px rgba(0,0,0,0.45)}
.s7r{position: relative; max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 5vw, 72px) 120px; border-top: 1px solid rgba(255,255,255,0.07); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 24px}
.s7s{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 10px}
.s7t{margin: 0; color: #8d98a7; font-size: 14.5px}
.s7u{background: #f1f5f8; border-radius: 6px; padding: 26px; display: flex; flex-direction: column; gap: 8px}
.s7v{font-weight: 600; font-size: 17px}
.s7w{position: relative; overflow: hidden; background: radial-gradient(900px 600px at 8% 10%, rgba(38,92,140,0.55), transparent 65%), radial-gradient(600px 500px at 90% 80%, rgba(30,70,110,0.35), transparent 70%), #14171d}
.s7x{position: relative; max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 5vw, 72px) 120px; border-top: 1px solid rgba(255,255,255,0.07); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px}
.s7y{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: 30px; display: flex; flex-direction: column; gap: 10px}
.s7z{margin: 0; font-weight: 500; font-size: 18px; color: #fff}
.s80{background: #f1f5f8; border-radius: 6px; padding: 24px; display: flex; flex-direction: column; gap: 6px}
.s81{font-weight: 600; font-size: 16px}
.s82{position: relative; max-width: 1200px; margin: 0 auto; padding: 80px clamp(20px, 5vw, 72px) 96px; display: flex; flex-direction: column; gap: 24px}
.s83{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.08; margin: 0; color: #fff; max-width: 18ch}
.s84{margin: 0; max-width: 56ch; color: #a8b3c1; font-size: 16px}
.s85{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 64px 48px}
.s86{font-family: 'Newsreader', serif; font-weight: 300; font-size: 30px; line-height: 1.1}
.s87{color: #4a5563}
.s88{font-size: 13px; font-weight: 600; color: #2d6d8e}
.s89{position: relative; height: 82%; aspect-ratio: 4 / 3.4; display: flex; flex-direction: column; align-items: center}
.s8a{width: 100%; flex: 1; border-radius: 8px; background: #0c1117; border: 6px solid #2a3442; box-shadow: 0 20px 50px rgba(0,0,0,0.45); padding: 6%; display: grid; grid-template-columns: 1fr 1fr; gap: 6%; align-items: center}
.s8b{aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #7cc0e0, #2d6d8e 55%, #16283a)}
.s8c{display: flex; flex-direction: column; gap: 9%}
.s8d{height: 2.4cqh; width: 90%; border-radius: 999px; background: rgba(255,255,255,0.2)}
.s8e{height: 2.4cqh; width: 70%; border-radius: 999px; background: rgba(255,255,255,0.14)}
.s8f{align-self: flex-start; font-size: clamp(8px, 3.2cqh, 11px); padding: 1cqh 2.5cqw; border-radius: 999px; background: #2d6d8e}
.s8g{width: 8%; height: 9%; background: #2a3442}
.s8h{width: 34%; height: 3%; border-radius: 999px; background: #2a3442}
.s8i{position: relative; width: 78%; display: flex; flex-direction: column; gap: 7cqh}
.s8j{display: flex; flex-direction: column; gap: 2cqh}
.s8k{display: flex; justify-content: space-between; font-size: clamp(9px, 4cqh, 14px)}
.s8l{height: 9cqh; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden}
.s8m{height: 100%; width: 38%; border-radius: 999px; background: rgba(255,255,255,0.28)}
.s8n{height: 100%; width: 92%; border-radius: 999px; background: linear-gradient(90deg, #2d6d8e, #7cc0e0)}
.s8o{display: flex; gap: 2cqw; flex-wrap: wrap}
.s8p{font-size: clamp(8px, 3.4cqh, 12px); padding: 1.2cqh 2.5cqw; border-radius: 999px; border: 1px solid rgba(124,192,224,0.35); color: #cfe4ee}
.s8q{position: relative; max-width: 1200px; margin: 0 auto; padding: 72px clamp(20px, 5vw, 72px) 112px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 56px; align-items: stretch}
.s8r{margin: 0; max-width: 46ch; color: #a8b3c1; font-size: 16px}
.s8s{margin-top: auto; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 8px; padding: 8px 24px; display: flex; flex-direction: column}
.s8t{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.08)}
.s8u{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 0; color: #fff}
.s8v{background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column}
.s8w{aspect-ratio: 4 / 3; background: #0e0e10}
.s8x{width: 100%; height: 100%; object-fit: cover; object-position: 62% 35%; display: block}
.s8y{padding: 22px 24px; display: flex; flex-direction: column; gap: 8px}
.s8z{font-family: 'Newsreader', serif; font-weight: 300; font-size: 26px; line-height: 1.12; color: #fff}
.s90{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px}
.s91{font: inherit; border: 0; cursor: pointer; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border-radius: 999px; padding: 11px 22px}
.s92{font-weight: 600; font-size: 13px; color: #fff; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; padding: 11px 22px}
.s93{max-width: 1200px; margin: 0 auto; padding: 96px clamp(20px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 48px; align-items: center}
.s94{display: flex; flex-direction: column; gap: 18px}
.s95{background: #f1f5f8; border-radius: 6px; padding: 22px; display: flex; flex-direction: column; gap: 12px}
.s96{display: flex; flex-direction: column; color: #3d4754; font-size: 15.5px}
.s97{font-weight: 600; color: #15181e}
.s98{align-self: flex-start; font-weight: 600; font-size: 13px; color: #fff; background: #2d6d8e; border-radius: 999px; padding: 10px 20px}
.s99{margin: 0; color: #4a5563; max-width: 44ch}
.s9a{aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: #eef2f5}
.s9b{width: 100%; height: 100%; border: 0; display: block}
.s9c{position: relative; max-width: 1200px; margin: 0 auto; padding: 64px clamp(20px, 5vw, 72px) 80px; display: flex; flex-direction: column; gap: 20px}
.s9d{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.08; margin: 0; color: #fff}
.s9e{max-width: 1200px; margin: 0 auto; padding: 72px clamp(20px, 5vw, 72px) 104px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 48px 64px; align-items: start}
.s9f{display: flex; flex-direction: column; gap: 28px}
.s9g{display: flex; flex-direction: column; gap: 8px}
.s9h{font-family: 'Newsreader', serif; font-weight: 300; font-size: 30px; line-height: 1.15; margin: 0}
.s9i{margin: 0; color: #3d4754}
.s9j{font-weight: 600; font-size: 16px; margin: 0}
.s9k{max-width: 1200px; margin: 0 auto; padding: 72px clamp(20px, 5vw, 72px) 104px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 48px; align-items: start}
.s9l{position: sticky; top: 24px; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px}
.s9m{font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #6a7584; margin-bottom: 8px}
.s9n{color: #3d4754; padding: 4px 0}
.s9o{grid-column: span 2; min-width: 0; max-width: 760px; display: flex; flex-direction: column}
.s9p{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; margin: 48px 0 12px; scroll-margin-top: 24px}
.s9q{margin: 0 0 12px; color: #3d4754; white-space: pre-line; overflow-wrap: anywhere}
.s9r{font-weight: 600; font-size: 16.5px; line-height: 1.35; margin: 24px 0 6px}
.s9s{position: relative; overflow: hidden; background: radial-gradient(900px 600px at 8% 10%, rgba(38,92,140,0.55), transparent 65%), radial-gradient(600px 500px at 95% 90%, rgba(30,70,110,0.3), transparent 70%), #14171d}
.s9t{position: relative; max-width: 1200px; margin: 0 auto; padding: 56px clamp(20px, 5vw, 72px) 72px; display: flex; flex-direction: column; gap: 24px}
.s9u{font-size: 13px; color: #8d98a7}
.s9v{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(38px, 5vw, 64px); line-height: 1.05; margin: 0; color: #fff; max-width: 18ch}
.s9w{margin: 0; max-width: 60ch; color: #a8b3c1; font-size: 17px}
.s9x{margin-top: 16px; aspect-ratio: 16 / 7; border-radius: 6px; overflow: hidden; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07)}
.s9y{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 24px; padding-top: 24px}
.s9z{display: flex; flex-direction: column; gap: 4px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 14px}
.sa0{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #6f7b8a}
.sa1{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 32px 56px}
.sa2{margin: 0; color: #3d4754; font-size: 16px; max-width: 62ch}
.sa3{margin: 0; background: #f1f5f8; border-radius: 6px; padding: clamp(20px, 4vw, 48px); display: flex; flex-direction: column; gap: 24px}
.sa4{display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px}
.sa5{color: #6a7584}
.sa6{position: relative; width: 100%; max-width: 820px; margin: 0 auto; aspect-ratio: 16 / 10; min-height: 340px}
.sa7{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: clamp(120px, 22%, 170px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #3f8fb3, #1f4f66); color: #fff; display: grid; place-items: center; text-align: center; padding: 14px; box-sizing: border-box; font-weight: 600; font-size: 14px; line-height: 1.3; box-shadow: 0 16px 40px rgba(31,79,102,0.35)}
.sa8{position: absolute; left: 50.00%; top: 12.00%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sa9{position: absolute; left: 82.91%; top: 31.00%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.saa{position: absolute; left: 82.91%; top: 69.00%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sab{position: absolute; left: 50.00%; top: 88.00%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sac{position: absolute; left: 17.09%; top: 69.00%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sad{position: absolute; left: 17.09%; top: 31.00%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sae{position: relative; background: radial-gradient(800px 600px at 0% 30%, rgba(38,92,140,0.4), transparent 65%), #14171d}
.saf{max-width: 1200px; margin: 0 auto; padding: 104px clamp(20px, 5vw, 72px); display: flex; flex-direction: column; gap: 56px}
.sag{margin: 0; color: #a8b3c1; font-size: 16px; max-width: 62ch}
.sah{margin: 0; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; padding: clamp(20px, 4vw, 48px); display: flex; flex-direction: column; gap: 32px}
.sai{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 28px 0}
.saj{position: relative; display: flex; flex-direction: column; gap: 14px; padding-right: 16px}
.sak{position: absolute; left: 0; right: 0; top: 20px; border-top: 1px dashed rgba(124,192,224,0.45)}
.sal{position: relative; width: 40px; height: 40px; border-radius: 50%; background: #14171d; border: 1px solid #4f9fc4; color: #7cc0e0; display: grid; place-items: center; font-size: 13px; font-weight: 600}
.sam{color: #fff; font-weight: 500; font-size: 14.5px; line-height: 1.4}
.san{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 4px 24px; align-items: center; background: #1f4f66; color: #ffffff; border-radius: 6px; padding: 18px 24px; margin-inline: 0%}
.sao{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600}
.sap{font-size: 15px; font-weight: 500}
.saq{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 4px 24px; align-items: center; background: #2d6d8e; color: #ffffff; border-radius: 6px; padding: 18px 24px; margin-inline: 2%}
.sar{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 4px 24px; align-items: center; background: #9cc4d8; color: #15181e; border-radius: 6px; padding: 18px 24px; margin-inline: 4%}
.sas{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 4px 24px; align-items: center; background: #cfe4ee; color: #15181e; border-radius: 6px; padding: 18px 24px; margin-inline: 6%}
.sat{background: #14171d}
.sau{max-width: 1200px; margin: 0 auto; padding: 80px clamp(20px, 5vw, 72px); display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap}
.sav{font-size: 13px; font-weight: 600; color: #fff; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; padding: 10px 22px}
.saw{display: flex; flex-direction: column; gap: 4px; text-align: right; color: #fff}
.sax{font-family: 'Newsreader', serif; font-weight: 300; font-size: clamp(26px, 3vw, 38px); line-height: 1.1}
.say{position: absolute; left: 86.14%; top: 38.26%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.saz{position: absolute; left: 72.34%; top: 80.74%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sb0{position: absolute; left: 27.66%; top: 80.74%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.sb1{position: absolute; left: 13.86%; top: 38.26%; transform: translate(-50%, -50%); max-width: 170px; background: #ffffff; border: 1px solid #c9d8e2; border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: #15181e; text-align: center; line-height: 1.3; box-shadow: 0 4px 14px rgba(21,24,30,0.06)}
.h0:hover{background: rgba(79,159,196,0.14); color: #fff}
.h1:hover{background: #3a86ab}
.h2:hover{color: #fff}
.h3:hover{border-color: #7cc0e0; color: #fff}
.h4:hover{border-color: #7cc0e0}
.h5:hover{background: #3a86ab; color: #fff}
.h6:hover{background: #1f242d; color: inherit}
.h7:hover{color: #2d6d8e}
.h8:hover{border-color: #2d6d8e; color: #2d6d8e}
.h9:hover{background: #63b2d6}
.ha:hover{color: #7cc0e0}
.hb:hover{color: #a9d8ee}