/* ESGLab Academy landing page. Generated from the design (src/landing/*.html use these classes);
   l… classes are the design's element styles, lp-… classes were written for the integration. */
body{margin:0;background:#F4F6FC;font-family:"Outfit",system-ui,sans-serif;color:#0E1521}
a{color:#2F52B4}a:hover{color:#183079}
a:focus-visible,summary:focus-visible{outline:2px solid #5A78CF;outline-offset:3px;border-radius:12px}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
details[open] .rg-chev{transform:rotate(180deg)}
.rg-chev{transition:transform 200ms ease}
button:focus-visible{outline:2px solid #5A78CF;outline-offset:3px}
[data-lift]{transition:transform 220ms ease,border-color 220ms ease}
[data-lift]:hover{transform:translateY(-4px);border-color:#C0D1F6}
.lm-opt{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.lm-opt:hover{border-color:#5A78CF}
.lm-opt[aria-pressed="true"]{background:#183079!important;border-color:#183079!important;color:#FFFFFF!important}
[hidden]{display:none!important}
.lm-side{display:none}
@media (min-width:900px){.lm-side{display:flex}}
@media (max-width:640px){.lm-hide-sm{display:none!important}}
@media (max-height:820px){.lm-st-h{font-size:clamp(1.75rem,3vw,2.4rem)!important}}
html.lm-story-pinned [data-stickybar]{transform:translate(-50%,160%)!important}
.lm-seg{transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}
.lm-seg[aria-pressed="true"]{background:#FFFFFF!important;color:#183079!important;box-shadow:0 1px 3px rgba(14,21,33,0.14)}
.lm-chip{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
.lm-chip:hover{border-color:#5A78CF!important}
.lm-chip[aria-pressed="true"]{background:#183079!important;border-color:#183079!important;color:#FFFFFF!important}
.lm-rowbtn:hover{color:#2F52B4}
input[type=range]{accent-color:#183079}
@media (prefers-reduced-motion:reduce){[data-lift]:hover{transform:none}}
.l0{min-height: 100%; background: #F4F6FC; color: #0E1521; font-family: 'Outfit', system-ui, sans-serif; font-size: 16px; line-height: 1.55; font-weight: 400}
.l1{position: relative; overflow: hidden; color: #FFFFFF; background: radial-gradient(55% 70% at var(--mx, 88%) var(--my, 0%), rgba(90,120,207,0.55) 0%, rgba(90,120,207,0) 70%), radial-gradient(45% 60% at 8% 8%, rgba(47,82,180,0.42) 0%, rgba(47,82,180,0) 70%), radial-gradient(40% 45% at 55% 105%, rgba(192,209,246,0.20) 0%, rgba(192,209,246,0) 70%), #0B1222}
.l2{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; padding-block: 24px 96px; display: flex; flex-direction: column; gap: 80px}
.l3{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 10px 12px 10px 22px; border-radius: 33px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px)}
.l4{display: inline-flex; align-items: baseline; gap: 8px; min-height: 44px; align-items: center; text-decoration: none; color: #FFFFFF}
.l5{font-size: 20px; font-weight: 600; letter-spacing: -0.02em}
.l6{font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #C0D1F6}
.l7{display: flex; flex-wrap: wrap; gap: 2px; list-style: none; margin: 0; padding: 0}
.l8{display: inline-flex; align-items: center; min-height: 44px; padding-inline: 14px; border-radius: 999px; color: #DCE3F5; text-decoration: none; font-weight: 500; font-size: 15px}
.l9{display: flex; flex-wrap: wrap; gap: 8px}
.la{display: inline-flex; align-items: center; min-height: 44px; padding-inline: 18px; border-radius: 999px; color: #FFFFFF; text-decoration: none; font-weight: 500; font-size: 15px}
.lb{display: inline-flex; align-items: center; min-height: 44px; padding-inline: 20px; border-radius: 999px; background: #C0D1F6; color: #0E1521; text-decoration: none; font-weight: 500; font-size: 15px}
.lc{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 56px}
.ld{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 28px}
.le{align-self: flex-start; margin: 0; padding: 6px 16px; border-radius: 999px; border: 1px solid rgba(192,209,246,0.35); background: rgba(192,209,246,0.10); color: #C0D1F6; font-size: 14px; font-weight: 500}
.lf{margin: 0; font-size: clamp(2.6rem, 5vw, 4.5rem); line-height: 1.04; font-weight: 500; letter-spacing: -0.035em}
.l10{display: block}
.l11{color: #C0D1F6; transition: color 500ms ease}
.l12{color: #FFFFFF; transition: color 500ms ease}
.l13{margin: 0; max-width: 54ch; font-size: 18px; line-height: 1.6; color: #B9C4DD}
.l14{display: flex; flex-wrap: wrap; gap: 12px}
.l15{display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding-inline: 26px; border-radius: 999px; background: #C0D1F6; color: #0E1521; text-decoration: none; font-weight: 500; font-size: 16px}
.l16{display: inline-flex; align-items: center; min-height: 52px; padding-inline: 26px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.28); color: #FFFFFF; text-decoration: none; font-weight: 500; font-size: 16px}
.l17{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 24px; border-radius: 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px)}
.l18{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px}
.l19{font-size: 16px; font-weight: 500}
.l1a{padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,0.08); color: #B9C4DD; font-size: 13px}
.l1b{flex: 1 1 130px; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.12)}
.l1c{margin: 0; font-size: 13px; color: #B9C4DD}
.l1d{margin: 4px 0 0; font-family: 'JetBrains Mono', monospace; font-size: 30px; font-weight: 500; letter-spacing: -0.02em; color: #FFFFFF; font-variant-numeric: tabular-nums}
.l1e{margin: 4px 0 0; font-family: 'JetBrains Mono', monospace; font-size: 30px; font-weight: 500; letter-spacing: -0.02em; color: #C0D1F6; font-variant-numeric: tabular-nums}
.l1f{display: flex; flex-direction: column; gap: 8px; padding-top: 4px}
.l20{display: flex; justify-content: space-between; gap: 8px; font-size: 13px; color: #B9C4DD}
.l21{font-family: 'JetBrains Mono', monospace}
.l22{display: flex; flex-direction: column; gap: 6px; width: calc(100% + 16px); margin-inline: -8px; padding: 6px 8px; border: 0; border-radius: 10px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background-color 200ms ease}
.l23{display: flex; justify-content: space-between; font-size: 14px}
.l24{font-family: 'JetBrains Mono', monospace; color: #C0D1F6}
.l25{position: relative; display: block; height: 6px; border-radius: 999px; background: rgba(255,255,255,0.10)}
.l26{display: block; width: 91%; height: 6px; border-radius: 999px; background: #8EA6E6}
.l27{position: absolute; left: 80%; top: -4px; width: 2px; height: 14px; background: rgba(255,255,255,0.55)}
.l28{display: block; width: 72%; height: 6px; border-radius: 999px; background: #8EA6E6}
.l29{display: block; width: 58%; height: 6px; border-radius: 999px; background: #8EA6E6}
.l2a{display: block; width: 45%; height: 6px; border-radius: 999px; background: #8EA6E6}
.l2b{margin: 2px 0 0; min-height: 20px; font-size: 13px; color: #B9C4DD}
.l2c{display: flex; flex-direction: column; gap: 8px; border-top: 1px solid rgba(255,255,255,0.12); padding-top: 12px}
.l2d{display: flex; align-items: center; gap: 8px; font-size: 13px; color: #B9C4DD}
.l2e{width: 8px; height: 8px; border-radius: 999px; background: #8EA6E6; box-shadow: 0 0 0 4px rgba(142,166,230,0.18)}
.l2f{display: flex; flex-direction: column; overflow: hidden}
.l30{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-block: 10px}
.l31{display: flex; flex-direction: column}
.l32{font-size: 14px; font-weight: 500}
.l33{font-size: 13px; color: #B9C4DD}
.l34{padding: 4px 12px; border-radius: 999px; background: rgba(192,209,246,0.16); color: #C0D1F6; font-size: 13px; font-weight: 500}
.l35{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-block: 10px; border-top: 1px solid rgba(255,255,255,0.12)}
.l36{padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,0.08); color: #DCE3F5; font-size: 13px; font-weight: 500}
.l37{display: none; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-block: 10px}
.l38{padding: 4px 12px; border-radius: 999px; background: rgba(240,217,176,0.14); color: #F0D9B0; font-size: 13px; font-weight: 500}
.l39{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.12)}
.l3a{flex: none; margin: 0; font-size: 14px; color: #B9C4DD}
.l3b{flex: 1 1 320px; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%)}
.l3c{display: flex; width: max-content}
.l3d{display: flex; gap: 8px; list-style: none; margin: 0; padding: 0 8px 0 0}
.l3e{flex: none; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.18); font-size: 14px; color: #DCE3F5; white-space: nowrap}
.l3f{padding-top: 40px}
.l40{position: relative; height: calc(var(--st-h) * 3)}
.l41{position: sticky; top: 0; height: var(--st-h); display: flex; flex-direction: column; justify-content: center; overflow: hidden; background: radial-gradient(42% 55% at 80% 58%, rgba(192,209,246,0.60) 0%, rgba(192,209,246,0) 70%), radial-gradient(28% 40% at 6% 92%, rgba(192,209,246,0.40) 0%, rgba(192,209,246,0) 70%)}
.l42{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-direction: column; gap: clamp(24px, 4vh, 44px)}
.l43{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 48px}
.l44{margin: 0; max-width: 16ch; font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.04; font-weight: 500; letter-spacing: -0.035em}
.l45{color: #5A78CF}
.l46{margin: 0; max-width: 40ch; font-size: 17px; line-height: 1.6; color: #4E5B78}
.l47{display: flex; flex-wrap: wrap; align-items: center; gap: 24px 56px}
.l48{position: relative; flex: 1 1 320px; min-width: 0; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px}
.l49{position: absolute; left: 19px; top: 24px; bottom: 24px; width: 2px; background: #DCE3F5}
.l4a{display: block; width: 2px; height: 100%; background: #2F52B4; transition: height 120ms linear}
.l4b{position: relative; display: flex; gap: 20px; padding-block: 12px; transition: opacity 300ms ease}
.l4c{flex: none; width: 40px; height: 40px; border-radius: 999px; border: 2px solid #183079; background: #183079; color: #FFFFFF; font-family: 'JetBrains Mono', monospace; font-size: 13px; cursor: pointer; transition: background-color 300ms ease, color 300ms ease}
.l4d{min-width: 0; padding-top: 6px}
.l4e{margin: 0; font-size: 24px; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em}
.l4f{margin: 8px 0 0; max-height: 160px; overflow: hidden; color: #4E5B78; transition: max-height 400ms ease, opacity 300ms ease}
.l50{flex: 1.6 1 500px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.l51{display: flex; height: min(clamp(360px, 44vw, 560px), max(330px, calc(100svh - 270px))); background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 22px; overflow: hidden; box-shadow: 0 50px 100px -56px rgba(14,21,33,0.55)}
.l52{flex: 0 0 172px; flex-direction: column; gap: 4px; padding: 18px 12px; color: #B9C4DD; background: radial-gradient(90% 40% at 0% 0%, rgba(90,120,207,0.40) 0%, rgba(90,120,207,0) 70%), #0B1222; font-size: 13px}
.l53{display: flex; align-items: baseline; gap: 6px; padding: 0 10px 16px; color: #FFFFFF; font-size: 15px; font-weight: 600; letter-spacing: -0.02em}
.l54{font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 400; color: #C0D1F6}
.l55{padding: 9px 10px; border-radius: 10px}
.l56{padding: 9px 10px; border-radius: 10px; background: rgba(255,255,255,0.10); color: #FFFFFF; transition: background-color 300ms ease, color 300ms ease}
.l57{padding: 9px 10px; border-radius: 10px; transition: background-color 300ms ease, color 300ms ease}
.l58{margin-top: auto; display: flex; align-items: center; gap: 8px; padding: 10px; border-top: 1px solid rgba(255,255,255,0.10)}
.l59{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 999px; background: #C0D1F6; color: #0E1521; font-size: 11px; font-weight: 600}
.l5a{flex: 1; min-width: 0; display: flex; flex-direction: column}
.l5b{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 18px; border-bottom: 1px solid #DCE3F5; background: #F8F9FD}
.l5c{display: flex; gap: 16px; font-size: 13px}
.l5d{padding-block: 14px; border-bottom: 2px solid #2F52B4; color: #183079}
.l5e{padding-block: 14px; border-bottom: 2px solid transparent; color: #5E6B86}
.l5f{display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid #DCE3F5; background: #FFFFFF; color: #8A97B0; font-size: 12px; white-space: nowrap}
.l60{position: relative; flex: 1; min-height: 0}
.l61{position: absolute; inset: 0; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; transition: opacity 400ms ease}
.l62{display: flex; align-items: center; justify-content: space-between; gap: 10px}
.l63{display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500}
.l64{padding: 2px 8px; border-radius: 999px; background: #E6ECFB; color: #183079; font-family: 'JetBrains Mono', monospace; font-size: 11px}
.l65{padding: 7px 12px; border-radius: 999px; background: #183079; color: #FFFFFF; font-size: 12px; font-weight: 500; white-space: nowrap; box-shadow: 0 0 0 calc((1 - clamp(0, calc(var(--t, 1) * 5 - 4), 1)) * 6px) rgba(47,82,180,0.25)}
.l66{display: flex; flex-direction: column; border: 1px solid #E3E8F4; border-radius: 14px; overflow: hidden}
.l67{display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: #F8F9FD; font-size: 11px; color: #5E6B86}
.l68{flex: 1}
.l69{flex: 0 0 74px}
.l6a{flex: 0 0 52px; text-align: right}
.l6b{display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 0), 1); transform: translateX(calc((1 - clamp(0, calc(var(--t, 1) * 5 - 0), 1)) * -16px))}
.l6c{flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #E6ECFB; color: #183079; font-size: 12px; font-weight: 600}
.l6d{font-size: 13px; font-weight: 500}
.l6e{font-size: 11px; color: #5E6B86}
.l6f{flex: 0 0 74px; display: flex}
.l70{width: 22px; height: 22px; border-radius: 999px; background: #8EA6E6; border: 2px solid #FFFFFF}
.l71{width: 22px; height: 22px; margin-left: -7px; border-radius: 999px; background: #5A78CF; border: 2px solid #FFFFFF}
.l72{width: 22px; height: 22px; margin-left: -7px; border-radius: 999px; background: #C0D1F6; border: 2px solid #FFFFFF}
.l73{flex: 0 0 52px; text-align: right; font-family: 'JetBrains Mono', monospace; font-size: 13px}
.l74{display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 1), 1); transform: translateX(calc((1 - clamp(0, calc(var(--t, 1) * 5 - 1), 1)) * -16px))}
.l75{flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #183079; color: #FFFFFF; font-size: 12px; font-weight: 600}
.l76{width: 22px; height: 22px; border-radius: 999px; background: #2F52B4; border: 2px solid #FFFFFF}
.l77{width: 22px; height: 22px; margin-left: -7px; border-radius: 999px; background: #8EA6E6; border: 2px solid #FFFFFF}
.l78{width: 22px; height: 22px; margin-left: -7px; border-radius: 999px; background: #DCE3F5; border: 2px solid #FFFFFF}
.l79{display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 2), 1); transform: translateX(calc((1 - clamp(0, calc(var(--t, 1) * 5 - 2), 1)) * -16px))}
.l7a{flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #FBF1DF; color: #9A5B00; font-size: 12px; font-weight: 600}
.l7b{width: 22px; height: 22px; border-radius: 999px; background: #F0D9B0; border: 2px solid #FFFFFF}
.l7c{display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 3), 1); transform: translateX(calc((1 - clamp(0, calc(var(--t, 1) * 5 - 3), 1)) * -16px))}
.l7d{flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #EEF1F9; color: #3B4A6B; font-size: 12px; font-weight: 600}
.l7e{width: 22px; height: 22px; border-radius: 999px; background: #5A78CF; border: 2px solid #FFFFFF}
.l7f{margin-top: auto; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 14px; background: #F4F6FC}
.l80{display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: #4E5B78}
.l81{font-family: 'JetBrains Mono', monospace; color: #183079}
.l82{display: block; height: 6px; border-radius: 999px; background: #DCE3F5}
.l83{display: block; width: calc(var(--t, 1) * 100%); height: 6px; border-radius: 999px; background: #2F52B4}
.l84{position: absolute; inset: 0; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; opacity: 0; visibility: hidden; transition: opacity 400ms ease}
.l85{display: flex; gap: 16px}
.l86{flex: 0 0 40%; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.l87{font-size: 12px; color: #5E6B86}
.l88{padding: 10px 12px; border-radius: 12px; border: 1.5px solid #2F52B4; background: #E6ECFB; font-size: 13px; font-weight: 500; color: #183079}
.l89{padding: 10px 12px; border-radius: 12px; border: 1px solid #DCE3F5; font-size: 13px; color: #3B4A6B}
.l8a{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.l8b{display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 10px 12px; border-radius: 12px; border: 1px solid #DCE3F5; font-size: 13px}
.l8c{font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #8A97B0}
.l8d{padding: 2px 8px; border-radius: 999px; background: #183079; color: #FFFFFF; font-size: 11px; white-space: nowrap; opacity: clamp(0, calc(var(--t, 1) * 6 - 5), 1)}
.l8e{margin-top: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border-radius: 14px; overflow: hidden; background: #E3E8F4; border: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 3), 1)}
.l8f{display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; background: #F8F9FD}
.l90{font-family: 'JetBrains Mono', monospace; font-size: 18px; color: #183079}
.l91{position: absolute; left: calc(20px + var(--t, 1) * 48%); top: calc(48px + var(--t, 1) * 46px); padding: 8px 12px; border-radius: 12px; background: #183079; color: #FFFFFF; font-size: 13px; font-weight: 500; white-space: nowrap; box-shadow: 0 16px 30px -14px rgba(14,21,33,0.6); transform: rotate(calc((1 - var(--t, 1)) * -4deg)); opacity: calc(1 - clamp(0, calc(var(--t, 1) * 6 - 5), 1))}
.l92{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; padding: 12px 16px; border-radius: 14px; background: #0B1222; color: #FFFFFF; font-size: 13px; opacity: clamp(0, calc(var(--t, 1) * 5 - 4), 1); transform: translateY(calc((1 - clamp(0, calc(var(--t, 1) * 5 - 4), 1)) * 10px))}
.l93{display: flex; align-items: center; gap: 10px}
.l94{flex: none}
.l95{color: #B9C4DD}
.l96{position: absolute; inset: 0; padding: 20px; display: flex; flex-direction: column; gap: 14px; opacity: 0; visibility: hidden; transition: opacity 400ms ease}
.l97{display: flex; gap: 10px}
.l98{flex: 1; padding: 10px 14px; border-radius: 12px; border: 1px solid #DCE3F5}
.l99{display: block; font-size: 12px; color: #5E6B86}
.l9a{font-family: 'JetBrains Mono', monospace; font-size: 22px; font-weight: 500; color: #183079}
.l9b{flex: 1; min-height: 0; display: flex; gap: 14px}
.l9c{flex: 0 0 38%; display: flex; align-items: flex-end; gap: 10px; padding: 10px 6px 0; border-bottom: 1px solid #DCE3F5}
.l9d{flex: 1; height: calc(var(--t, 1) * 91%); border-radius: 6px 6px 0 0; background: #2F52B4}
.l9e{flex: 1; height: calc(var(--t, 1) * 72%); border-radius: 6px 6px 0 0; background: #5A78CF}
.l9f{flex: 1; height: calc(var(--t, 1) * 58%); border-radius: 6px 6px 0 0; background: #8EA6E6}
.la0{flex: 1; height: calc(var(--t, 1) * 45%); border-radius: 6px 6px 0 0; background: #C0D1F6}
.la1{flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px}
.la2{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 8px; border-bottom: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 1), 1)}
.la3{padding: 2px 10px; border-radius: 999px; background: #E6ECFB; color: #183079; font-size: 12px}
.la4{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 8px; border-bottom: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 2), 1)}
.la5{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 8px; border-bottom: 1px solid #E3E8F4; opacity: clamp(0, calc(var(--t, 1) * 5 - 3), 1)}
.la6{padding: 2px 10px; border-radius: 999px; background: #FBF1DF; color: #9A5B00; font-size: 12px}
.la7{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 8px; opacity: clamp(0, calc(var(--t, 1) * 5 - 4), 1)}
.la8{padding: 2px 10px; border-radius: 999px; border: 1px solid #C0D1F6; color: #2F52B4; font-size: 12px}
.la9{margin: 0; font-size: 13px; color: #5E6B86}
.laa{padding-block: 56px 112px}
.lab{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-direction: column; gap: 40px}
.lac{margin: 0; max-width: 760px; font-size: clamp(1.75rem, 2.8vw, 2.25rem); line-height: 1.12; font-weight: 500; letter-spacing: -0.025em}
.lad{display: flex; flex-wrap: wrap; gap: 20px}
.lae{flex: 2 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 28px; background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 24px}
.laf{display: flex; flex-direction: column; gap: 6px; max-width: 46ch}
.lb0{margin: 0; font-size: 22px; font-weight: 500; letter-spacing: -0.02em}
.lb1{margin: 0; color: #4E5B78}
.lb2{margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 0; padding: 22px 18px; border-radius: 18px; background: #F4F6FC}
.lb3{padding: 8px 18px; border-radius: 999px; background: #0B1222; color: #FFFFFF; font-size: 14px; font-weight: 500}
.lb4{width: 2px; height: 18px; background: #C0D1F6}
.lb5{width: min(78%, 520px); height: 2px; background: #C0D1F6}
.lb6{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 10px; padding-top: 16px}
.lb7{display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 12px; background: #FFFFFF; border: 1px solid #DCE3F5; font-size: 14px; font-weight: 500}
.lb8{font-size: 12px; font-weight: 400; color: #4E5B78}
.lb9{display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 12px; background: #FFFFFF; border: 1.5px solid #2F52B4; font-size: 14px; font-weight: 500}
.lba{flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px; background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 24px}
.lbb{display: flex; flex-direction: column; gap: 6px}
.lbc{margin-top: auto; display: flex; align-items: center; gap: 18px}
.lbd{position: relative; flex: none; width: 128px; height: 128px}
.lbe{transform: rotate(-90deg)}
.lbf{position: absolute; inset: 0; display: grid; place-items: center; font-family: 'JetBrains Mono', monospace; font-size: 26px; font-weight: 500; color: #183079}
.lc0{display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; font-size: 14px; color: #3B4A6B}
.lc1{display: flex; align-items: center; gap: 8px}
.lc2{width: 10px; height: 10px; border-radius: 999px; background: #2F52B4}
.lc3{width: 10px; height: 10px; border-radius: 999px; background: #E3E8F4}
.lc4{flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px; background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 24px; overflow: hidden}
.lc5{margin-top: auto; align-self: center; width: 172px; height: 176px; margin-bottom: -48px; padding: 10px 10px 0; border-radius: 28px 28px 0 0; background: #0E1521}
.lc6{height: 100%; display: flex; flex-direction: column; gap: 10px; padding: 14px 12px; border-radius: 20px 20px 0 0; color: #FFFFFF; background: radial-gradient(90% 70% at 100% 0%, rgba(90,120,207,0.6) 0%, rgba(90,120,207,0) 70%), #0B1222}
.lc7{font-size: 11px; color: #B9C4DD}
.lc8{display: grid; place-items: center; width: 40px; height: 40px; margin: 6px auto; border-radius: 999px; background: #FFFFFF; color: #183079}
.lc9{display: block; height: 4px; border-radius: 999px; background: rgba(255,255,255,0.18)}
.lca{display: block; width: 62%; height: 4px; border-radius: 999px; background: #C0D1F6}
.lcb{flex: 2 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 28px; color: #FFFFFF; background: radial-gradient(60% 80% at 100% 0%, rgba(90,120,207,0.45) 0%, rgba(90,120,207,0) 70%), #0B1222; border: 1px solid #183079; border-radius: 24px}
.lcc{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px}
.lcd{display: flex; flex-direction: column; gap: 6px; max-width: 40ch}
.lce{margin: 0; color: #B9C4DD}
.lcf{margin: 0; text-align: right}
.ld0{display: block; font-family: 'JetBrains Mono', monospace; font-size: 34px; font-weight: 500; color: #C0D1F6}
.ld1{margin-top: auto; display: flex; align-items: flex-end; gap: clamp(8px, 2vw, 18px); height: 150px; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.16)}
.ld2{flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; height: 100%}
.ld3{display: block; width: 100%; height: 22%; border-radius: 8px 8px 0 0; background: rgba(192,209,246,0.30)}
.ld4{font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #B9C4DD}
.ld5{display: block; width: 100%; height: 31%; border-radius: 8px 8px 0 0; background: rgba(192,209,246,0.36)}
.ld6{display: block; width: 100%; height: 40%; border-radius: 8px 8px 0 0; background: rgba(192,209,246,0.44)}
.ld7{display: block; width: 100%; height: 49%; border-radius: 8px 8px 0 0; background: rgba(192,209,246,0.54)}
.ld8{display: block; width: 100%; height: 58%; border-radius: 8px 8px 0 0; background: rgba(192,209,246,0.66)}
.ld9{display: block; width: 100%; height: 68%; border-radius: 8px 8px 0 0; background: #C0D1F6}
.lda{font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #DCE3F5}
.ldb{flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px; background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 24px}
.ldc{margin-top: auto; display: flex; flex-direction: column; gap: 12px}
.ldd{align-self: flex-start; display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: #EEF1F9}
.lde{min-height: 36px; padding-inline: 16px; border: 0; border-radius: 999px; background: transparent; color: #4E5B78; font: inherit; font-size: 14px; cursor: pointer}
.ldf{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px}
.le0{padding: 6px 12px; border-radius: 10px; background: #E6ECFB; color: #183079; font-weight: 500}
.le1{color: #5E6B86}
.le2{padding: 6px 12px; border-radius: 999px; border: 1px solid #C0D1F6}
.le3{padding: 6px 12px; border-radius: 999px; background: #EEF1F9; color: #4E5B78}
.le4{margin: 0; font-size: 15px; color: #3B4A6B}
.le5{padding-block: 24px 136px}
.le6{width: min(1200px, calc(100% - 2rem)); margin-inline: auto}
.le7{margin: 0; max-width: 16ch; font-size: clamp(2.6rem, 7vw, 6rem); line-height: 1.02; font-weight: 500; letter-spacing: -0.045em; color: #0E1521}
.le8{color: #2F52B4}
.le9{margin: 28px 0 0; max-width: 52ch; font-size: 18px; line-height: 1.6; color: #4E5B78}
.lea{padding-block: 0 112px}
.leb{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 48px 56px; padding: clamp(28px, 5vw, 72px); border-radius: 28px; color: #FFFFFF; background: radial-gradient(55% 80% at 100% 0%, rgba(90,120,207,0.30) 0%, rgba(90,120,207,0) 70%), #0E1521}
.lec{flex: 1 1 400px; min-width: 0; display: flex; flex-direction: column; gap: 28px}
.led{display: flex; flex-direction: column; gap: 14px}
.lee{margin: 0; font-size: clamp(2rem, 3.4vw, 2.75rem); line-height: 1.1; font-weight: 500; letter-spacing: -0.03em}
.lef{color: #C0D1F6}
.lf0{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 22px 28px; list-style: none; margin: 0; padding: 0; font-size: 17px; line-height: 1.45; color: #B9C4DD}
.lf1{display: flex; align-items: flex-start; gap: 14px}
.lf2{flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 999px; background: #C0D1F6; color: #183079}
.lf3{color: #FFFFFF; font-weight: 500}
.lf4{flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 999px; background: #DCE3F5; color: #183079}
.lf5{flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 999px; background: #F0D9B0; color: #5A3A00}
.lf6{flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 999px; background: #8EA6E6; color: #0E1521}
.lf7{display: flex; flex-direction: column; align-items: flex-start; gap: 12px}
.lf8{display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding-inline: 28px; border-radius: 999px; background: #FFFFFF; color: #0E1521; text-decoration: none; font-weight: 500; font-size: 16px}
.lf9{margin: 0; font-size: 15px; color: #B9C4DD}
.lfa{font-family: 'JetBrains Mono', monospace; color: #DCE3F5}
.lfb{flex: 1 1 440px; min-width: 0; position: relative; aspect-ratio: 5 / 4}
.lfc{position: absolute; left: 0; top: 8%; width: 33%; height: 86%; border-radius: 18px; overflow: hidden; background: radial-gradient(120% 70% at 115% 62%, #183079 0 34%, rgba(24,48,121,0) 35%), radial-gradient(95% 60% at -18% 42%, rgba(255,255,255,0.38) 0 38%, rgba(255,255,255,0) 39%), radial-gradient(70% 45% at 95% 105%, #2F52B4 0 40%, rgba(47,82,180,0) 41%), linear-gradient(170deg, #C0D1F6 0%, #8EA6E6 45%, #5A78CF 100%)}
.lfd{position: absolute; left: 36%; top: 8%; width: 64%; height: 58%; border-radius: 18px; background: #DCE3F5; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 52%)}
.lfe{position: absolute; left: 36%; top: 30%; width: 37%; height: 64%; object-fit: cover; object-position: 82% 30%; border-radius: 18px; clip-path: polygon(0 9%, 100% 0, 100% 100%, 0 100%)}
.lff{position: absolute; left: 75%; top: 52%; width: 25%; height: 42%; border-radius: 18px; background: #8EA6E6; clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 100%); display: grid; place-items: center; color: #0E1521}
.l100{position: absolute; right: 3%; top: 0; width: 23%; aspect-ratio: 1 / 1; border-radius: 22px; transform: rotate(-7deg); background: linear-gradient(145deg, #F4F6FC 0%, #C0D1F6 100%); box-shadow: 0 18px 40px -18px rgba(14,21,33,0.55), inset 0 2px 0 rgba(255,255,255,0.7); display: grid; place-items: center}
.l101{padding-block: 112px; background: #FFFFFF; border-block: 1px solid #DCE3F5}
.l102{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 56px}
.l103{flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.l104{margin: 0; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.08; font-weight: 500; letter-spacing: -0.03em}
.l105{margin: 0; font-size: 18px; line-height: 1.6; color: #4E5B78}
.l106{display: flex; flex-direction: column; gap: 12px; list-style: none; margin: 0; padding: 0}
.l107{display: flex; gap: 12px; align-items: flex-start}
.l108{flex: none; margin-top: 2px}
.l109{flex: 1 1 620px; min-width: 0; border: 1px solid #DCE3F5; border-radius: 20px; overflow: hidden; background: #FFFFFF; box-shadow: 0 40px 80px -56px rgba(14,21,33,0.4)}
.l10a{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; border-bottom: 1px solid #DCE3F5}
.l10b{font-size: 17px; font-weight: 500}
.l10c{font-size: 13px; color: #5E6B86}
.l10d{display: flex; flex-wrap: wrap; align-items: center; gap: 8px}
.l10e{display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: #EEF1F9}
.l10f{min-height: 34px; padding-inline: 14px; border: 0; border-radius: 999px; background: transparent; color: #4E5B78; font: inherit; font-size: 14px; cursor: pointer}
.l110{display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 999px; border: 1px solid #C0D1F6; color: #183079}
.l111{display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 22px; border-bottom: 1px solid #DCE3F5; background: #F4F6FC}
.l112{min-height: 36px; padding-inline: 14px; border: 1px solid #C0D1F6; border-radius: 999px; background: #FFFFFF; color: #183079; font: inherit; font-size: 14px; cursor: pointer}
.l113{display: flex; flex-direction: column; gap: 16px; padding: 24px 22px 28px}
.l114{margin: 0; font-size: 14px; color: #4E5B78}
.l115{position: relative; display: block; height: 10px; border-radius: 999px; background: #EEF1F9}
.l116{display: block; width: 72%; height: 10px; border-radius: 999px; background: #2F52B4}
.l117{position: absolute; left: 80%; top: -4px; width: 2px; height: 18px; background: #0E1521}
.l118{display: block; width: 58%; height: 10px; border-radius: 999px; background: #5A78CF}
.l119{display: block; width: 91%; height: 10px; border-radius: 999px; background: #183079}
.l11a{display: block; width: 45%; height: 10px; border-radius: 999px; background: #8EA6E6}
.l11b{overflow-x: auto}
.l11c{width: 100%; min-width: 620px; border-collapse: collapse; font-size: 14.5px}
.l11d{background: #F4F6FC}
.l11e{text-align: left; padding: 12px 22px; font-weight: 500; font-size: 13px; color: #5E6B86; border-bottom: 1px solid #DCE3F5}
.l11f{text-align: left; padding: 12px; font-weight: 500; font-size: 13px; color: #5E6B86; border-bottom: 1px solid #DCE3F5}
.l120{text-align: right; padding: 12px; font-weight: 500; font-size: 13px; color: #5E6B86; border-bottom: 1px solid #DCE3F5}
.l121{text-align: left; padding: 12px 22px 12px 12px; font-weight: 500; font-size: 13px; color: #5E6B86; border-bottom: 1px solid #DCE3F5}
.l122{padding: 0 22px; border-bottom: 1px solid #E3E8F4}
.l123{display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0; border: 0; background: transparent; color: #0E1521; font: inherit; font-weight: 500; cursor: pointer}
.l124{transition: transform 200ms ease}
.l125{padding: 14px 12px; border-bottom: 1px solid #E3E8F4; color: #4E5B78}
.l126{padding: 14px 12px; border-bottom: 1px solid #E3E8F4}
.l127{padding: 14px 12px; border-bottom: 1px solid #E3E8F4; text-align: right; font-family: 'JetBrains Mono', monospace}
.l128{padding: 14px 22px 14px 12px; border-bottom: 1px solid #E3E8F4}
.l129{padding: 4px 12px; border-radius: 999px; background: #E6ECFB; color: #183079; font-size: 13px; font-weight: 500; white-space: nowrap}
.l12a{padding: 4px 22px 16px 44px; border-bottom: 1px solid #E3E8F4; background: #F8F9FD; font-size: 13.5px; color: #3B4A6B}
.l12b{padding: 14px 12px; border-bottom: 1px solid #E3E8F4; text-align: right; font-family: 'JetBrains Mono', monospace; color: #5E6B86}
.l12c{padding: 4px 12px; border-radius: 999px; border: 1px solid #C0D1F6; color: #2F52B4; font-size: 13px; font-weight: 500; white-space: nowrap}
.l12d{padding: 4px 12px; border-radius: 999px; background: #FBF1DF; color: #9A5B00; font-size: 13px; font-weight: 500; white-space: nowrap}
.l12e{padding: 0 22px}
.l12f{padding: 14px 12px; color: #4E5B78}
.l130{padding: 14px 12px}
.l131{padding: 14px 12px; text-align: right; font-family: 'JetBrains Mono', monospace; color: #5E6B86}
.l132{padding: 14px 22px 14px 12px}
.l133{padding: 4px 12px; border-radius: 999px; background: #EEF1F9; color: #4E5B78; font-size: 13px; font-weight: 500; white-space: nowrap}
.l134{padding: 4px 22px 16px 44px; background: #F8F9FD; font-size: 13.5px; color: #3B4A6B}
.l135{padding-block: 136px 112px}
.l136{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 48px 72px}
.l137{flex: 1.5 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 28px}
.l138{margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #2F52B4}
.l139{margin: 0; font-size: clamp(2.2rem, 4.6vw, 4.25rem); line-height: 1.04; font-weight: 500; letter-spacing: -0.04em; color: #0E1521}
.l13a{margin: 0; max-width: 56ch; font-size: 18px; line-height: 1.6; color: #4E5B78}
.l13b{flex: 1 1 320px; max-width: 420px; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; padding: 16px 16px 24px; background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 28px}
.l13c{position: relative; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; display: grid; place-items: center; background: radial-gradient(70% 60% at 80% 10%, rgba(90,120,207,0.65) 0%, rgba(90,120,207,0) 70%), radial-gradient(60% 50% at 10% 100%, rgba(192,209,246,0.35) 0%, rgba(192,209,246,0) 70%), #0B1222}
.l13d{font-size: clamp(64px, 9vw, 104px); font-weight: 500; letter-spacing: -0.05em; color: #C0D1F6}
.l13e{position: absolute; left: 16px; bottom: 16px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,0.12); color: #DCE3F5; font-size: 13px}
.l13f{display: flex; flex-direction: column; gap: 12px; padding-inline: 8px}
.l140{display: flex; flex-direction: column; gap: 2px}
.l141{font-size: 22px; font-weight: 500; letter-spacing: -0.02em}
.l142{font-size: 15px; color: #4E5B78}
.l143{display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; font-size: 15px; color: #3B4A6B}
.l144{flex: none; margin-top: 3px}
.l145{align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 500; text-decoration: none}
.l146{padding-block: 112px 0}
.l147{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; padding-bottom: 64px; display: flex; flex-direction: column; gap: 40px}
.l148{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px}
.l149{display: flex; flex-direction: column; gap: 16px; max-width: 740px}
.l14a{align-self: flex-start; margin: 0; padding: 6px 16px; border-radius: 999px; background: #E6ECFB; color: #183079; font-size: 14px; font-weight: 500}
.l14b{margin: 0; font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.08; font-weight: 500; letter-spacing: -0.03em}
.l14c{font-family: 'JetBrains Mono', monospace; font-weight: 500; color: #2F52B4}
.l14d{display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding-inline: 22px; border-radius: 999px; border: 1px solid #C0D1F6; color: #183079; text-decoration: none; font-weight: 500}
.l14e{position: relative; width: 100%; height: calc(var(--ks-h) * 4); font-family: 'Outfit', system-ui, sans-serif; color: #FFFFFF}
.l14f{position: sticky; top: 0; width: 100%; height: var(--ks-h); overflow: hidden; container-type: size; --T: max(240px, 300px - 12cqw); --S: min(1250px, 128.8cqw, max(480px, (100cqh - var(--T)) * 2)); background-color: #183079; color: #FFFFFF; outline: none; user-select: none; -webkit-user-select: none}
.l150{position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 55% at 50% 100%, rgba(192,209,246,0.22) 0%, rgba(192,209,246,0) 70%), radial-gradient(40% 50% at 92% 0%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 70%)}
.l151{position: absolute; left: 50%; top: 56px; transform: translateX(-50%); width: min(88%, 640px); display: grid; text-align: center}
.l152{grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 1; transform: translateY(0px); visibility: visible}
.l153{margin: 0; padding: 5px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.28); font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #DCE3F5}
.l154{margin: 0; font-size: clamp(26px, 3vw, 40px); line-height: 1.1; font-weight: 500; letter-spacing: -0.03em}
.l155{margin: 0; max-width: 52ch; font-size: clamp(14px, 1.2vw, 17px); line-height: 1.6; color: #DCE3F5}
.l156{grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 0; transform: translateY(-26px); visibility: hidden}
.l157{grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 0; transform: translateY(-52px); visibility: hidden}
.l158{grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 0; transform: translateY(-78px); visibility: hidden}
.l159{grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 0; transform: translateY(-104px); visibility: hidden}
.l15a{grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 12px; opacity: 0; transform: translateY(-130px); visibility: hidden}
.l15b{position: absolute; left: 50%; top: calc(var(--T) + var(--S) * 0.5); width: 0; height: 0}
.l15c{position: absolute; left: calc(var(--S) * -0.357); top: calc(var(--S) * -0.357); width: calc(var(--S) * 0.714); height: calc(var(--S) * 0.714); border-radius: 50%; overflow: hidden; box-shadow: 0 -10px 48px rgba(0,0,0,0.35); transform: rotate(0deg); will-change: transform}
.l15d{position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: 1}
.l15e{position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: 0}
.l15f{position: absolute; left: calc(var(--S) * -0.5); top: calc(var(--S) * -0.5); width: var(--S); height: var(--S); overflow: visible}
.l160{stroke-width: 0.3}
.l161{transform: rotate(-70deg); transform-box: view-box; transform-origin: 0 0}
.l162{text-anchor: middle; font-family: 'Outfit', sans-serif; font-size: 3.9px; letter-spacing: 0.1em; cursor: pointer; opacity: 1}
.l163{text-anchor: middle; font-family: 'Outfit', sans-serif; font-size: 3.9px; letter-spacing: 0.1em; cursor: pointer; opacity: 0.62}
.l164{position: absolute; left: 28px; bottom: 28px; width: 48px; height: 48px; border-radius: 999px; display: grid; place-items: center; border: 0; padding: 0; color: #FFFFFF; background: rgba(255,255,255,0.16); cursor: pointer}
.l165{position: absolute; right: 28px; bottom: 28px; width: 48px; height: 48px; border-radius: 999px; display: grid; place-items: center; border: 0; padding: 0; color: #FFFFFF; background: rgba(255,255,255,0.16); cursor: pointer}
.l166{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap}
.l167{padding-block: 112px}
.l168{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px 64px}
.l169{flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding-top: 8px}
.l16a{margin: 0; max-width: 46ch; font-size: 18px; line-height: 1.6; color: #4E5B78}
.l16b{display: flex; flex-direction: column; gap: 10px; list-style: none; margin: 8px 0 0; padding: 0; color: #3B4A6B}
.l16c{display: flex; gap: 10px; align-items: center}
.l16d{flex: 1.2 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 20px; padding: clamp(24px, 3vw, 36px); background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 24px; box-shadow: 0 40px 80px -56px rgba(14,21,33,0.45)}
.l16e{display: flex; flex-direction: column; gap: 10px}
.l16f{display: flex; align-items: center; justify-content: space-between; gap: 12px}
.l170{min-height: 36px; padding-inline: 12px; border: 0; border-radius: 999px; background: #EEF1F9; color: #183079; font: inherit; font-size: 14px; cursor: pointer}
.l171{height: 4px; border-radius: 999px; background: #E3E8F4}
.l172{width: 0%; height: 4px; border-radius: 999px; background: #2F52B4; transition: width 400ms ease}
.l173{margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 12px}
.l174{padding: 0; margin-bottom: 14px; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: #0E1521}
.l175{display: flex; align-items: center; min-height: 56px; padding-inline: 20px; border: 1px solid #DCE3F5; border-radius: 16px; background: #F4F6FC; color: #0E1521; font: inherit; font-size: 16px; text-align: left; cursor: pointer}
.l176{display: flex; flex-direction: column; gap: 18px}
.l177{margin: 0; font-size: 24px; font-weight: 500; letter-spacing: -0.02em}
.l178{display: flex; flex-direction: column; gap: 10px; list-style: none; margin: 0; padding: 0}
.l179{display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: #F4F6FC}
.l17a{flex: none; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #2F52B4; padding-top: 2px}
.l17b{font-weight: 500}
.l17c{font-size: 14px; color: #4E5B78}
.l17d{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-radius: 16px; background: #0B1222; color: #FFFFFF}
.l17e{font-size: 15px}
.l17f{color: #C0D1F6; font-weight: 500}
.l180{display: flex; flex-wrap: wrap; gap: 10px; margin: 0}
.l181{flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #4E5B78}
.l182{min-height: 48px; padding-inline: 16px; border: 1px solid #C0D1F6; border-radius: 999px; background: #FFFFFF; color: #0E1521; font: inherit; font-size: 15px}
.l183{align-self: flex-end; min-height: 48px; padding-inline: 22px; border: 0; border-radius: 999px; background: #183079; color: #FFFFFF; font: inherit; font-size: 15px; font-weight: 500; cursor: pointer}
.l184{margin: 0; font-size: 14px; color: #183079}
.l185{align-self: flex-start; min-height: 40px; padding: 0; border: 0; background: transparent; color: #2F52B4; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer}
.l186{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-direction: column; gap: 48px}
.l187{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px}
.l188{margin: 0; max-width: 18ch; font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.08; font-weight: 500; letter-spacing: -0.03em}
.l189{display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: #EEF1F9}
.l18a{min-height: 44px; padding-inline: 22px; border: 0; border-radius: 999px; background: transparent; color: #4E5B78; font: inherit; font-size: 15px; font-weight: 500; cursor: pointer}
.l18b{display: flex; flex-wrap: wrap; gap: 24px 48px; padding: clamp(24px, 3vw, 36px); border-radius: 24px; color: #FFFFFF; background: radial-gradient(60% 90% at 100% 0%, rgba(90,120,207,0.45) 0%, rgba(90,120,207,0) 70%), #0B1222}
.l18c{flex: 1.3 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
.l18d{margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.02em}
.l18e{display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: #B9C4DD}
.l18f{font-family: 'JetBrains Mono', monospace; font-size: 18px; color: #FFFFFF}
.l190{width: 100%}
.l191{flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; padding: 22px; border-radius: 18px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14)}
.l192{font-size: 14px; color: #B9C4DD}
.l193{font-size: 22px; font-weight: 500}
.l194{font-size: 15px; color: #DCE3F5}
.l195{display: flex; flex-direction: column; gap: 4px}
.l196{font-family: 'JetBrains Mono', monospace; font-size: 30px; font-weight: 500; color: #C0D1F6}
.l197{display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 999px; background: #C0D1F6; color: #0E1521; text-decoration: none; font-weight: 500}
.l198{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 28px; border-radius: 24px; background: #F4F6FC; border: 1px solid #DCE3F5}
.l199{margin: 0; max-width: 60ch; font-size: 17px; color: #3B4A6B}
.l19a{color: #0E1521; font-weight: 500}
.l19b{display: inline-flex; align-items: center; min-height: 48px; padding-inline: 24px; border-radius: 999px; background: #183079; color: #FFFFFF; text-decoration: none; font-weight: 500}
.l19c{display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px}
.l19d{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 32px; background: #F4F6FC; border: 1px solid #DCE3F5; border-radius: 20px}
.l19e{margin: 0; font-size: 20px; font-weight: 500}
.l19f{margin: 0; font-size: 15px; color: #4E5B78}
.l1a0{margin: 0; display: flex; align-items: baseline; gap: 8px}
.l1a1{font-family: 'JetBrains Mono', monospace; font-size: 34px; font-weight: 500; letter-spacing: -0.02em}
.l1a2{display: flex; flex-direction: column; gap: 10px; list-style: none; margin: 0; padding: 0; flex-grow: 1}
.l1a3{display: inline-flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 999px; border: 1px solid #C0D1F6; background: #FFFFFF; color: #183079; text-decoration: none; font-weight: 500}
.l1a4{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 32px; border-radius: 20px; color: #FFFFFF; background: radial-gradient(80% 70% at 100% 0%, rgba(90,120,207,0.55) 0%, rgba(90,120,207,0) 70%), #0B1222; border: 1px solid #183079}
.l1a5{margin: 0; display: flex; flex-direction: column; gap: 4px}
.l1a6{font-size: 32px; line-height: 1.1; font-weight: 500; letter-spacing: -0.025em; color: #C0D1F6}
.l1a7{font-size: 15px; color: #B9C4DD}
.l1a8{display: inline-flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 999px; background: #C0D1F6; color: #0E1521; text-decoration: none; font-weight: 500}
.l1a9{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 32px; background: #F4F6FC; border: 1px solid #DCE3F5; border-radius: 20px; overflow: hidden}
.l1aa{display: block; width: calc(100% + 64px); max-width: none; margin: -32px -32px 0; aspect-ratio: 16 / 9; object-fit: cover}
.l1ab{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; display: flex; flex-wrap: wrap; gap: 48px}
.l1ac{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.l1ad{flex: 1.6 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px}
.l1ae{background: #FFFFFF; border: 1px solid #DCE3F5; border-radius: 20px; padding: 0 24px}
.l1af{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; font-size: 17px; font-weight: 500}
.l1b0{margin: 0; padding-bottom: 22px; color: #4E5B78}
.l1b1{color: #FFFFFF; background: radial-gradient(50% 80% at 12% 0%, rgba(47,82,180,0.45) 0%, rgba(47,82,180,0) 70%), radial-gradient(45% 70% at 92% 30%, rgba(90,120,207,0.40) 0%, rgba(90,120,207,0) 70%), #0B1222}
.l1b2{width: min(1200px, calc(100% - 2rem)); margin-inline: auto; padding-block: 112px 64px; display: flex; flex-direction: column; gap: 96px}
.l1b3{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 32px}
.l1b4{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.l1b5{margin: 0; font-size: clamp(2.25rem, 4.4vw, 3.75rem); line-height: 1.05; font-weight: 500; letter-spacing: -0.035em}
.l1b6{display: block; color: #C0D1F6}
.l1b7{display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding-inline: 26px; border-radius: 999px; background: #C0D1F6; color: #0E1521; text-decoration: none; font-weight: 500}
.l1b8{display: inline-flex; align-items: center; min-height: 52px; padding-inline: 26px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.28); color: #FFFFFF; text-decoration: none; font-weight: 500}
.l1b9{display: flex; flex-direction: column; gap: 28px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.12)}
.l1ba{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px}
.l1bb{flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.l1bc{display: flex; align-items: baseline; gap: 8px}
.l1bd{margin: 0; max-width: 40ch; font-size: 15px; color: #B9C4DD}
.l1be{display: flex; flex-wrap: wrap; gap: 56px}
.l1bf{margin: 0 0 6px; font-size: 13px; color: #B9C4DD}
.l1c0{display: inline-flex; align-items: center; min-height: 36px; color: #FFFFFF; text-decoration: none; font-size: 15px}
.l1c1{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 13px; color: #B9C4DD}
.l1c2{position: fixed; left: 50%; bottom: 16px; z-index: 50; width: min(720px, calc(100% - 2rem)); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 8px 8px 20px; border-radius: 999px; color: #FFFFFF; background: rgba(11,18,34,0.88); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 20px 40px -20px rgba(14,21,33,0.6); transform: translate(-50%, 160%); transition: transform 400ms cubic-bezier(.2,.7,.2,1)}
.l1c3{min-width: 0; font-size: 14px; color: #DCE3F5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.l1c4{color: #FFFFFF}
.l1c5{flex: none; display: inline-flex; align-items: center; min-height: 44px; padding-inline: 20px; border-radius: 999px; background: #C0D1F6; color: #0E1521; text-decoration: none; font-weight: 500; font-size: 15px}

/* ---- added for the eLMS integration ---- */
:root{--ks-h:max(560px,100svh);--st-h:max(680px,100svh)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.landing{margin:0;background:#F4F6FC;font-family:"Outfit",system-ui,sans-serif;color:#0E1521}
.landing *,.landing *::before,.landing *::after{box-sizing:border-box}
.landing img{display:block}
.landing .skip-link{position:absolute;left:16px;top:-80px;z-index:100;padding:10px 16px;border-radius:999px;background:#FFFFFF;color:#183079;font-weight:500}
.landing .skip-link:focus{top:16px}
@media (max-width:640px){.ks-name{font-size:5.6px!important}}
.lp-demo-row{align-items:flex-start}
.lp-demo{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:24px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lp-demo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:560px){.lp-demo__grid{grid-template-columns:1fr}.lp-demo{padding:20px}}
.lp-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.lp-field--wide{grid-column:1/-1}
.lp-field__label{font-size:13px;font-weight:500;color:#C0D1F6}
.lp-field__input{width:100%;min-height:46px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,0.22);background:rgba(11,18,34,0.55);color:#FFFFFF;font:inherit;font-size:15px}
.lp-field__input::placeholder{color:#8A97B0}
.lp-field__input:focus-visible{outline:2px solid #C0D1F6;outline-offset:2px;border-color:transparent}
.lp-field__input[aria-invalid="true"]{border-color:#F0B4B4}
.lp-field__input--area{min-height:92px;resize:vertical}
select.lp-field__input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#C0D1F6 50%),linear-gradient(135deg,#C0D1F6 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
select.lp-field__input option{color:#0E1521}
.lp-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.lp-demo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.lp-demo__submit{border:0;cursor:pointer;font:inherit;font-weight:500}
.lp-demo__submit:disabled{opacity:.6;cursor:progress}
.lp-demo__phone{color:#B9C4DD;font-size:15px}
.lp-demo__status{margin:0;min-height:1.5em;font-size:15px;color:#C0D1F6}
.lp-demo__status--error{color:#F6C8C8}
.lp-demo__note{margin:0;font-size:13px;line-height:1.5;color:#8A97B0}
.lp-demo__note a{color:#C0D1F6}
.lp-demo--done .lp-demo__grid,.lp-demo--done .lp-demo__actions{display:none}
.lp-wz-status{margin:0;font-size:14px;color:#9A5B00}
.lp-portrait{background:#E6ECFB}
.lp-portrait__img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.lp-price-info{font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-0.025em;color:#0E1521}
a.lp-demo__phone{text-decoration:none}
a.lp-demo__phone:hover .lp-demo__tel{text-decoration:underline}
.lp-demo__tel{font-family:"JetBrains Mono",monospace;color:#FFFFFF}