/* Site styles. Colours: blue #2B3BFF, lime #D9FF3F, ink #101114 */
body{margin:0;background:#FFFFFF}
a{color:#2B3BFF}a:hover{color:#1422C9}
@keyframes kf-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes kf-word{from{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}
@keyframes kf-blink{0%,100%{opacity:1}50%{opacity:.25}}
.k-in{animation:kf-in .8s cubic-bezier(.2,.7,.2,1) both}
.k-word{display:inline-block;animation:kf-word .5s cubic-bezier(.2,.7,.2,1) both}
.k-blink{animation:kf-blink 1.4s ease-in-out infinite}
.k-lift{transition:transform .2s ease, box-shadow .2s ease}
.k-lift:hover{transform:translateY(-3px);box-shadow:6px 6px 0 #101114}
.k-tile{transition:background .2s ease, color .2s ease}
.k-tile:hover{background:#D9FF3F !important;color:#101114 !important}
button:focus-visible,a:focus-visible{outline:3px solid #2B3BFF;outline-offset:3px}
@media (prefers-reduced-motion: reduce){.k-in,.k-word,.k-blink{animation:none}.k-lift,.k-tile{transition:none}}
html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

.skip{position:absolute;left:-9999px;top:8px;background:#101114;color:#fff;padding:10px 16px;z-index:10;border-radius:6px}
.skip:focus{left:8px}
main:focus{outline:none}
.ns{margin:0;padding:16px;border:2px dashed currentColor;font-size:16px}
a.foot{color:#D9FF3F}
button:focus-visible,a:focus-visible{outline:3px solid #2B3BFF;outline-offset:3px;box-shadow:0 0 0 6px #fff}
@media (max-width:720px){
 .mainnav{flex-wrap:nowrap !important;overflow-x:auto;width:100%;gap:0 18px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .mainnav::-webkit-scrollbar{display:none}
 .mainnav a{white-space:nowrap}
 h1{overflow-wrap:anywhere}
}

/* Layout classes (from the original design) */
.s1{background: #FFFFFF; color: #101114; font-family: 'Hanken Grotesk', 'Helvetica Neue', Helvetica, sans-serif; font-size: 18px; line-height: 1.6; overflow-x: hidden}
.s2{background: #101114; color: #E8E8E3; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.06em}
.s3{max-width: 1240px; margin: 0 auto; padding: 10px 5%; display: flex; flex-wrap: wrap; gap: 6px 24px; justify-content: space-between; align-items: center}
.s4{display: flex; align-items: center; gap: 8px}
.s5{width: 8px; height: 8px; border-radius: 50%; background: #D9FF3F; display: inline-block}
.s6{border-bottom: 2px solid #101114}
.s7{max-width: 1240px; margin: 0 auto; padding: 16px 5%; display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; align-items: center}
.s8{color: #101114; text-decoration: none; display: flex; align-items: center; gap: 12px; min-height: 44px}
.s9{width: 40px; height: 40px; border-radius: 50%; background: #2B3BFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 16px}
.s10{font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.01em}
.s11{display: flex; flex-wrap: wrap; gap: 0 22px; font-weight: 600; font-size: 15px}
.s12{color: #101114; text-decoration: none; min-height: 44px; display: flex; align-items: center}
.s13{max-width: 1240px; margin: 0 auto; padding: 80px 5% 64px; display: flex; flex-direction: column; gap: 28px}
.s14{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.1em; color: #2B3BFF}
.s15{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(48px, 8.4vw, 124px); line-height: 0.95; letter-spacing: -0.035em; animation-delay: .1s}
.s16{background: #D9FF3F; padding: 0 0.12em; border-radius: 6px}
.s17{margin: 0; max-width: 640px; font-size: clamp(18px, 2vw, 22px); color: #3A3B40; animation-delay: .2s}
.s18{max-width: 1240px; margin: 0 auto; padding: 0 5% 96px}
.s19{margin: 0 0 16px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.1em; color: #5B5C62}
.s20{display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); border: 2px solid #101114; gap: 2px; background: #101114}
.s21{background: #FFFFFF; color: #101114; text-decoration: none; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 200px}
.s22{font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px}
.s23{font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.05; letter-spacing: -0.02em}
.s24{font-weight: 600; font-size: 15px}
.s25{background: #2B3BFF; color: #FFFFFF; text-decoration: none; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 200px}
.s26{background: #101114; color: #E8E8E3}
.s27{max-width: 1240px; margin: 0 auto; padding: 112px 5%; display: flex; flex-direction: column; gap: 48px}
.s28{display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: end}
.s29{display: flex; flex-direction: column; gap: 14px; max-width: 720px}
.s30{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.1em; color: #D9FF3F}
.s31{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(40px, 6vw, 84px); line-height: 0.95; letter-spacing: -0.03em; color: #FFFFFF}
.s32{margin: 0; max-width: 380px; color: #B4B5B0}
.s33{display: flex; flex-direction: column; gap: 12px}
.s34{display: flex; justify-content: space-between; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: #B4B5B0; letter-spacing: 0.06em}
.s35{position: relative; height: 56px}
.s36{position: absolute; left: 0; right: 0; top: 27px; height: 2px; background: #3A3B40}
.s37{display: contents}
.s38{display: flex; flex-wrap: wrap; gap: 10px}
.s39{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2px; background: #3A3B40; border: 2px solid #3A3B40}
.s40{background: #17181C; padding: 40px; display: flex; flex-direction: column; gap: 18px}
.s41{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.1em; color: #D9FF3F}
.s42{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(36px, 4.5vw, 60px); line-height: 1; letter-spacing: -0.03em; color: #FFFFFF}
.s43{margin: 0; font-size: 22px; line-height: 1.4; color: #FFFFFF}
.s44{margin: 0; color: #B4B5B0}
.s45{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px}
.s46{background: #17181C; padding: 40px; display: flex; flex-direction: column; gap: 24px}
.s47{display: flex; flex-direction: column; gap: 10px}
.s48{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.1em; color: #8F9BFF}
.s49{margin: 0; color: #E8E8E3; font-size: 19px}
.s50{background: #D9FF3F; color: #101114; padding: 28px; display: flex; flex-direction: column; gap: 10px; margin-top: auto}
.s51{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.1em}
.s52{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 600; font-size: 22px; line-height: 1.3; letter-spacing: -0.01em}
.s53{max-width: 1240px; margin: 0 auto; padding: 112px 5%; display: flex; flex-direction: column; gap: 40px}
.s54{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(40px, 6vw, 84px); line-height: 0.95; letter-spacing: -0.03em}
.s55{margin: 0; max-width: 400px; color: #3A3B40}
.s56{border: 2px solid #101114; box-shadow: 8px 8px 0 #101114; background: #FFFFFF}
.s57{display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: center; padding: 32px 36px; border-bottom: 2px solid #101114}
.s58{display: flex; flex-direction: column; gap: 6px}
.s59{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.1em; color: #5B5C62}
.s60{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(32px, 4vw, 52px); line-height: 1; letter-spacing: -0.03em}
.s61{display: flex; flex-wrap: wrap; gap: 24px; align-items: center}
.s62{display: flex; flex-direction: column; gap: 8px}
.s63{font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.08em; color: #5B5C62}
.s64{display: flex; gap: 6px}
.s65{font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; font-size: 20px; padding: 10px 20px; border-radius: 999px}
.s66{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))}
.s67{padding: 32px 36px; display: flex; flex-direction: column; gap: 10px; border-right: 1px solid #DADAD4; border-bottom: 1px solid #DADAD4}
.s68{margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.1em; color: #2B3BFF}
.s69{margin: 0; font-size: 19px}
.s70{padding: 32px 36px; display: flex; flex-direction: column; gap: 10px; background: #D9FF3F; border-bottom: 1px solid #DADAD4}
.s71{margin: 0; font-size: 19px; font-weight: 600}
.s72{margin: 0; font-size: 15px; color: #5B5C62}
.s73{background: #2B3BFF; color: #FFFFFF}
.s74{display: flex; background: #1422C9; padding: 6px; border-radius: 999px; gap: 4px; flex-wrap: wrap}
.s75{margin: 0; max-width: 760px; font-size: 22px; line-height: 1.45}
.s76{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px}
.s77{display: flex; flex-direction: column; gap: 14px}
.s78{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2px; background: #1422C9; border: 2px solid #1422C9}
.s79{display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 20px}
.s80{display: flex; gap: 8px; align-items: center; flex-wrap: wrap}
.s81{background: #D9FF3F; color: #101114; text-decoration: none; font-weight: 700; font-size: 16px; padding: 0 24px; min-height: 52px; display: flex; align-items: center; border-radius: 999px}
.s82{background: transparent; color: #D9FF3F; border: 2px solid #D9FF3F; font-size: 20px; width: 52px; height: 52px; border-radius: 50%; cursor: pointer}
.s83{display: flex; flex-direction: column; border-top: 1px solid #3A3B40}
.s84{max-width: 1240px; margin: 0 auto; padding: 112px 5%; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 64px}
.s85{display: flex; flex-direction: column; gap: 20px}
.s86{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(36px, 5vw, 64px); line-height: 0.98; letter-spacing: -0.03em}
.s87{margin: 0; color: #3A3B40}
.s88{display: flex; flex-wrap: wrap; gap: 12px}
.s89{background: #2B3BFF; color: #FFFFFF; text-decoration: none; font-weight: 700; padding: 0 24px; min-height: 52px; display: flex; align-items: center; border-radius: 999px}
.s90{display: flex; flex-direction: column; gap: 0}
.s91{margin: 0 0 12px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.1em; color: #5B5C62}
.s92{margin: 0; padding: 18px 0; border-top: 2px solid #101114; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.2}
.s93{margin: 0; padding: 18px 0; border-top: 1px solid #DADAD4; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.2}
.s94{margin: 0; padding: 18px 0; border-top: 1px solid #DADAD4; border-bottom: 2px solid #101114; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.2}
.s95{margin-top: 32px; background: #F2F2EE; padding: 24px; display: flex; flex-direction: column; gap: 8px}
.s96{margin: 0; font-size: 16px; color: #3A3B40}
.s97{background: #D9FF3F; color: #101114}
.s98{max-width: 1240px; margin: 0 auto; padding: 112px 5%; display: flex; flex-direction: column; gap: 28px}
.s99{margin: 0; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(48px, 8vw, 120px); line-height: 0.92; letter-spacing: -0.04em}
.s100{margin: 0; max-width: 600px; font-size: 20px}
.s101{background: #101114; color: #FFFFFF; text-decoration: none; font-weight: 700; padding: 0 28px; min-height: 56px; display: flex; align-items: center; border-radius: 999px}
.s102{border: 2px solid #101114; color: #101114; text-decoration: none; font-weight: 700; padding: 0 28px; min-height: 56px; display: flex; align-items: center; border-radius: 999px}
.s103{background: #101114; color: #B4B5B0}
.s104{max-width: 1240px; margin: 0 auto; padding: 28px 5%; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px}
