:root{--bg:#F4F9F9;--surf:#FFFFFF;--surf2:#E4EEEE;--ink:#0A1C1E;--mut:#41585B;--acc:#4636E0;--accink:#FFFFFF;--accsoft:#E6E3FC;--yel:#F2C230;--grn:#1F9D5B;--line:rgba(10,28,30,.10);--glow:rgba(70,54,224,.16);--sh1:0 1px 2px rgba(10,28,30,.06),0 4px 12px rgba(10,28,30,.06),0 18px 40px rgba(10,28,30,.08);--sh2:0 2px 4px rgba(10,28,30,.08),0 12px 28px rgba(10,28,30,.12),0 40px 80px rgba(70,54,224,.18);--canvas:#DDE6E6}
@media (prefers-color-scheme:dark){:root{--bg:#0A1C1E;--surf:#112528;--surf2:#183235;--ink:#F4F9F9;--mut:#A6BDBF;--acc:#A39AFF;--accink:#0A1C1E;--accsoft:#25225A;--yel:#F2C230;--grn:#4ED08D;--line:rgba(244,249,249,.12);--glow:rgba(163,154,255,.18);--sh1:0 1px 2px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3),0 18px 40px rgba(0,0,0,.35);--sh2:0 2px 4px rgba(0,0,0,.5),0 12px 28px rgba(0,0,0,.45),0 40px 80px rgba(0,0,0,.55);--canvas:#050E0F}}
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body { -webkit-text-size-adjust: 100%; font-family: system-ui, -apple-system, sans-serif; }
img { max-width: 100%; height: auto; }
a { color: var(--acc); }
a:hover { color: var(--ink); }
a:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.f-m { display: none; }
@media (max-width: 959px) {
  .f-d { display: none; }
  .f-m { display: block; }
  .f-m > div { max-width: 640px; margin-inline: auto; }
}
.s0 { max-width: 1440px; margin-inline: auto; background: var(--bg); color: var(--ink); font: 400 16px / 1.5 system-ui, -apple-system, sans-serif; overflow: hidden; position: relative;  }
.s1 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 48px; min-height: 44px; }
.s2 { display: flex; align-items: center; gap: 10px; min-height: 44px; text-decoration: none; color: var(--ink); font: 800 20px system-ui; }
.s3 { border-radius: 9px; box-shadow: rgba(10, 28, 30, 0.2) 0px 2px 8px; }
.s4 { display: flex; align-items: center; gap: 12px; }
.s5 { display: flex; align-items: center; min-height: 44px; padding: 0px 8px; text-decoration: none; color: var(--mut); font: 600 15px system-ui; }
.s6 { padding: 72px 48px; background: radial-gradient(900px 500px at 75% 0%,var(--glow),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg)); }
.s7 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 64px; align-items: center; max-width: 1200px; margin: 0px auto; }
.s8 { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.s9 { border-radius: 22%; box-shadow: var(--sh2); }
.s10 { margin: 0px; font: 800 72px / 1.04 system-ui; letter-spacing: -0.03em; text-wrap: balance; }
.s11 { margin: 0px; font: 400 22px / 1.45 system-ui; color: var(--mut); max-width: 32em; text-wrap: pretty; }
.s12 { display: inline-block; line-height: 0; min-height: 56px; }
.s13 { position: relative; display: flex; justify-content: center; align-items: flex-end; gap: 0px; min-height: 620px; }
.s14 { position: absolute; inset: 8% 6%; border-radius: 40px; background: linear-gradient(160deg,var(--accsoft),transparent 70%); }
.s15 { position: relative; width: 300px; background: rgb(0, 0, 0); border-radius: 48px; padding: 10px; box-shadow: var(--sh2),inset 0 0 0 1.5px #3a3f40; }
.s16 { display: block; width: 100%; aspect-ratio: 402 / 874; object-fit: cover; border-radius: 38px; background: var(--surf2); }
.s17 { position: relative; width: 260px; margin-left: -70px; margin-bottom: -6px; filter: drop-shadow(rgba(10, 28, 30, 0.25) 0px 14px 18px); }
.s18 { padding: 96px 48px; }
.s19 { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 64px; align-items: center; }
.s20 { display: flex; flex-direction: column; gap: 16px; }
.s21 { font: 700 13px ui-monospace, Menlo, monospace; color: var(--acc); letter-spacing: 0.08em; }
.s22 { margin: 0px; font: 800 44px / 1.1 system-ui; letter-spacing: -0.02em; }
.s23 { margin: 0px; color: var(--mut); text-wrap: pretty; }
.s24 { list-style: none; margin: 8px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 10px; }
.s25 { display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; min-height: 44px; background: var(--surf); border-radius: 14px; box-shadow: var(--sh1); font: 600 15px system-ui; }
.s26 { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; background: var(--yel); color: rgb(10, 28, 30); display: flex; align-items: center; justify-content: center; font: 800 15px system-ui; }
.s27 { display: flex; justify-content: center; }
.s28 { width: 320px; background: rgb(0, 0, 0); border-radius: 48px; padding: 10px; box-shadow: var(--sh2),inset 0 0 0 1.5px #3a3f40; }
.s29 { padding: 96px 48px; background: var(--surf2); }
.s30 { display: flex; justify-content: center; order: 0; }
.s31 { display: block; width: 100%; aspect-ratio: 402 / 874; object-fit: cover; border-radius: 38px; background: var(--surf); }
.s32 { width: 180px; filter: drop-shadow(rgba(10, 28, 30, 0.2) 0px 12px 16px); }
.s33 { list-style: none; margin: 4px 0px 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 8px; }
.s34 { padding: 10px 16px; min-height: 44px; box-sizing: border-box; display: flex; align-items: center; background: var(--surf); border-radius: 999px; box-shadow: var(--sh1); font: 500 14px ui-monospace, Menlo, monospace; }
.s35 { display: flex; align-items: center; gap: 10px; font: 700 13px ui-monospace, Menlo, monospace; color: var(--acc); letter-spacing: 0.08em; }
.s36 { padding: 3px 8px; border-radius: 6px; background: var(--acc); color: var(--accink); letter-spacing: 0.04em; }
.s37 { background: var(--surf); border-radius: 16px; box-shadow: var(--sh1); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; font: 500 15px / 1.5 ui-monospace, Menlo, monospace; overflow-wrap: anywhere; }
.s38 { color: var(--mut); }
.s39 { max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; gap: 24px; }
.s40 { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 12px; }
.s41 { display: flex; align-items: center; gap: 12px; padding: 16px; min-height: 44px; background: var(--surf); border-radius: 16px; box-shadow: var(--sh1); font: 600 16px system-ui; }
.s42 { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: var(--grn); box-shadow: 0 0 0 4px var(--glow); }
.s43 { max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; gap: 28px; }
.s44 { display: flex; flex-direction: column; gap: 8px; }
.s45 { margin: 0px; color: var(--mut); }
.s46 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 20px; }
.s47 { background: var(--surf); border-radius: 24px; box-shadow: var(--sh1); padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.s48 { font: 700 15px system-ui; color: var(--mut); }
.s49 { font: 800 44px / 1 system-ui; letter-spacing: -0.02em; }
.s50 { display: flex; align-items: center; gap: 10px; }
.s51 { width: 10px; height: 10px; border-radius: 50%; background: var(--grn); }
.s52 { background: linear-gradient(160deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#000)); color: var(--accink); border-radius: 24px; box-shadow: var(--sh2); padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.s53 { font: 700 15px system-ui; }
.s54 { font: 600 16px system-ui; }
.s55 { margin: 0px; }
.s56 { width: 10px; height: 10px; border-radius: 50%; background: var(--yel); }
.s57 { width: 120px; align-self: flex-end; margin-top: -8px; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 10px 14px); }
.s58 { max-width: 1200px; margin: 0px auto; background: radial-gradient(600px 300px at 80% 0%,var(--glow),transparent 70%),var(--surf); border-radius: 32px; box-shadow: var(--sh2); padding: 56px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; align-items: center; }
.s59 { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.s60 { margin: 0px; font: 800 44px / 1.1 system-ui; letter-spacing: -0.02em; text-wrap: balance; }
.s61 { width: 180px; justify-self: center; filter: drop-shadow(rgba(10, 28, 30, 0.25) 0px 14px 18px); }
.s62 { padding: 32px 48px 40px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.s63 { max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; gap: 10px; }
.s64 { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.s65 { display: flex; align-items: center; min-height: 44px; font: 600 15px system-ui; }
.s66 { display: flex; align-items: center; min-height: 44px; font: 500 15px ui-monospace, Menlo, monospace; overflow-wrap: anywhere; }
.s67 { color: var(--mut); font-size: 14px; }
.s68 { background: var(--bg); color: var(--ink); font: 400 16px / 1.5 system-ui, -apple-system, sans-serif; overflow: hidden; position: relative;  }
.s69 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; min-height: 44px; }
.s70 { display: flex; align-items: center; gap: 0px; }
.s71 { padding: 24px 16px; background: radial-gradient(900px 500px at 75% 0%,var(--glow),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg)); }
.s72 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 32px; align-items: center; max-width: 1200px; margin: 0px auto; }
.s73 { margin: 0px; font: 800 40px / 1.04 system-ui; letter-spacing: -0.03em; text-wrap: balance; }
.s74 { margin: 0px; font: 400 18px / 1.45 system-ui; color: var(--mut); max-width: 32em; text-wrap: pretty; }
.s75 { position: relative; display: flex; justify-content: center; align-items: flex-end; gap: 0px; min-height: 380px; }
.s76 { position: relative; width: 200px; background: rgb(0, 0, 0); border-radius: 36px; padding: 9px; box-shadow: var(--sh2),inset 0 0 0 1.5px #3a3f40; }
.s77 { display: block; width: 100%; aspect-ratio: 402 / 874; object-fit: cover; border-radius: 27px; background: var(--surf2); }
.s78 { position: relative; width: 150px; margin-left: -40px; margin-bottom: -6px; filter: drop-shadow(rgba(10, 28, 30, 0.25) 0px 14px 18px); }
.s79 { padding: 48px 16px; }
.s80 { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 32px; align-items: center; }
.s81 { margin: 0px; font: 800 30px / 1.1 system-ui; letter-spacing: -0.02em; }
.s82 { width: 240px; background: rgb(0, 0, 0); border-radius: 36px; padding: 9px; box-shadow: var(--sh2),inset 0 0 0 1.5px #3a3f40; }
.s83 { padding: 48px 16px; background: var(--surf2); }
.s84 { display: block; width: 100%; aspect-ratio: 402 / 874; object-fit: cover; border-radius: 27px; background: var(--surf); }
.s85 { width: 140px; filter: drop-shadow(rgba(10, 28, 30, 0.2) 0px 12px 16px); }
.s86 { max-width: 1200px; margin: 0px auto; background: radial-gradient(600px 300px at 80% 0%,var(--glow),transparent 70%),var(--surf); border-radius: 32px; box-shadow: var(--sh2); padding: 28px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; align-items: center; }
.s87 { margin: 0px; font: 800 30px / 1.1 system-ui; letter-spacing: -0.02em; text-wrap: balance; }
.s88 { width: 140px; justify-self: center; filter: drop-shadow(rgba(10, 28, 30, 0.25) 0px 14px 18px); }
.s89 { padding: 32px 16px 40px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.s90 { max-width: 760px; margin: 0px auto; display: flex; flex-direction: column; gap: 28px; }
.s91 { display: flex; flex-direction: column; gap: 10px; }
.s92 { margin: 0px; font: 800 56px / 1.08 system-ui; letter-spacing: -0.03em; }
.s93 { font: 500 14px ui-monospace, Menlo, monospace; color: var(--mut); }
.s94 { background: var(--surf); border-radius: 20px; box-shadow: var(--sh1); padding: 22px 24px; display: flex; flex-direction: column; gap: 8px; }
.s95 { margin: 0px; font: 700 20px / 1.25 system-ui; }
.s96 { display: flex; align-items: center; min-height: 44px; font: 500 16px ui-monospace, Menlo, monospace; overflow-wrap: anywhere; }
.s97 { margin: 0px; font: 800 36px / 1.08 system-ui; letter-spacing: -0.03em; }
.s98 { display: flex; flex-direction: column; gap: 12px; }
.s99 { background: var(--surf); border-radius: 18px; box-shadow: var(--sh1); overflow: hidden; }
.s100 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; min-height: 44px; font: 700 17px / 1.3 system-ui; }
.s101 { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: var(--accsoft); color: var(--acc); display: flex; align-items: center; justify-content: center; font: 700 18px system-ui; }
.s102 { margin: 0px; padding: 0px 20px 18px; color: var(--mut); text-wrap: pretty; }
.s103 { background: linear-gradient(160deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#000)); color: var(--accink); border-radius: 24px; box-shadow: var(--sh2); padding: 26px; display: flex; flex-direction: column; gap: 8px; }
.s104 { font: 700 20px system-ui; }
.s105 { display: flex; align-items: center; min-height: 44px; color: var(--accink); font: 600 16px ui-monospace, Menlo, monospace; overflow-wrap: anywhere; }
.s106 { padding: 72px 48px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; background: radial-gradient(700px 400px at 50% 20%,var(--glow),transparent 70%); }
.s107 { width: 180px; filter: drop-shadow(rgba(10, 28, 30, 0.25) 0px 14px 18px); }
.s108 { font: 800 72px / 1 ui-monospace, Menlo, monospace; letter-spacing: -0.04em; color: var(--acc); }
.s109 { margin: 0px; color: var(--mut); max-width: 28em; }
.s110 { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0px 28px; border-radius: 999px; background: var(--acc); color: var(--accink); text-decoration: none; font: 700 16px system-ui; box-shadow: var(--sh2); }
.s111 { padding: 24px 16px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; background: radial-gradient(700px 400px at 50% 20%,var(--glow),transparent 70%); }
.s112 { width: 140px; filter: drop-shadow(rgba(10, 28, 30, 0.25) 0px 14px 18px); }
.s113 { font: 800 40px / 1 ui-monospace, Menlo, monospace; letter-spacing: -0.04em; color: var(--acc); }