:root {
  color-scheme: light;
  --ink: #25253a;
  --muted: #77798c;
  --line: #e9e8ef;
  --paper: #fbfaf8;
  --white: #fff;
  --violet: #6c5ce7;
  --blue: #47a8e8;
  --peach: #ffb090;
  --mint: #c9f2dc;
  --serif: "Georgia", "Noto Serif SC", "Songti SC", serif;
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  scroll-behavior: smooth;
  scroll-padding-top: 5.5rem;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-size: 15px; line-height: 1.7; }
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid #6c5ce7; outline-offset: 4px; }
.t6v3n8qa { position: absolute; z-index: 20; left: 1rem; top: -4rem; padding: .6rem 1rem; background: white; border-radius: 8px; box-shadow: 0 8px 28px #27213b20; }
.t6v3n8qa:focus { top: 1rem; }
.c4m8q2va { position: relative; z-index: 10; background: #fbfaf8ed; border-bottom: 1px solid #e9e8efb8; backdrop-filter: blur(14px); }
.n7p3w9ka, .m8q3v6ka { width: min(1160px, calc(100% - 56px)); margin-inline: auto; }
.n7p3w9ka { min-height: 84px; display: flex; align-items: center; gap: 28px; }
.a2m8q5vd { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.v6c3n9ra { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px 14px 14px 5px; color: #fff; font-weight: 800; font-size: 15px; letter-spacing: -.07em; background: linear-gradient(145deg, #806df0, #42b8dd); box-shadow: 0 6px 16px #7162dc38; }
.j5x2k8pd { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 3px; font-size: 19px; font-weight: 800; line-height: 1; letter-spacing: -.04em; }
.j5x2k8pd > span { color: var(--violet); }
.j5x2k8pd small { flex-basis: 100%; margin-top: 5px; color: #9695a6; font-size: 8px; font-weight: 600; letter-spacing: .13em; }
.k8r2m6qa { margin: 0 auto 0 0; color: var(--muted); font-size: 12px; letter-spacing: .06em; }
.g7q3v5ma { display: flex; align-items: center; gap: clamp(15px, 2.1vw, 29px); font-size: 12px; color: #55566a; }
.g7q3v5ma a { white-space: nowrap; transition: color .2s ease; }
.g7q3v5ma a:hover, .h2n7q4va a:hover { color: var(--violet); }
.d9m2c6ra { padding: 10px 15px; color: #fff !important; border-radius: 99px; background: linear-gradient(100deg, #765fe8, #55a8eb); box-shadow: 0 7px 20px #685bd633; }
.x4n8p2vd { display: none; border: 0; background: transparent; cursor: pointer; }
.z5k2m8ra { position: relative; overflow: hidden; padding: 74px 0 80px; background: radial-gradient(ellipse at 83% 38%, #edeeff 0, #fbfaf8 40%, transparent 70%); }
.w8c4n2qf { width: min(1160px, calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: clamp(45px, 7vw, 100px); }
.c3q9m2vd { max-width: 510px; padding-block: 22px; }
.r2v8k5ma, .u3c7n5kd { color: var(--violet); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.r2v8k5ma { display: flex; align-items: center; gap: 9px; margin: 0 0 21px; }
.r2v8k5ma span { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #dcd7ff; border-radius: 50%; background: #fff; }
.c3q9m2vd h1 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(43px, 5.4vw, 70px); line-height: 1.12; letter-spacing: -.045em; }
.c3q9m2vd h1 a { color: var(--violet); text-decoration: underline; text-decoration-color: #d9d2ff; text-decoration-thickness: 4px; text-underline-offset: 7px; }
.c3q9m2vd h1 span { color: #5d68d9; background: linear-gradient(90deg, #6c5ce7, #50a7e7 75%, #65bbca); background-clip: text; -webkit-text-fill-color: transparent; }
.b5q9w2kd { max-width: 460px; margin: 24px 0 0; color: #68697b; font-size: 15px; line-height: 1.95; }
.m2k7v4qa, .v5q2n8ka { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.h3d8q5va, .p7c2n9ra { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 20px; border-radius: 99px; font-size: 13px; font-weight: 700; transition: transform .22s ease, box-shadow .22s ease; }
.h3d8q5va { color: white; background: linear-gradient(105deg, #7963eb, #4aa8e8); box-shadow: 0 10px 24px #685bd638; }
.p7c2n9ra { border: 1px solid #e5e2ef; background: #fff; }
.h3d8q5va:hover, .p7c2n9ra:hover { transform: translateY(-3px); box-shadow: 0 12px 24px #37305c16; }
.f6q3m8va { margin-top: 47px; display: flex; align-items: center; gap: 13px; color: #424258; }
.y2k7c4nd { display: grid; place-items: center; width: 38px; height: 38px; color: #745fde; border-radius: 12px; background: #eeebff; }
.f6q3m8va p { margin: 0; font-size: 12px; line-height: 1.5; }
.f6q3m8va small { color: #9694a2; font-size: 10px; }
.f6q3m8va time { margin-left: auto; color: #9897a5; font-size: 10px; }
.q4n8v2ca { justify-self: stretch; }
.w7m2p5kd { max-width: 525px; margin-inline: auto; padding: 15px; background: #fff; border: 1px solid #eeedf3; border-radius: 24px; box-shadow: 0 25px 70px #48436c18; transform: rotate(1deg); }
.c8r3n6va, .a5q8d2vc { display: flex; align-items: center; justify-content: space-between; }
.c8r3n6va { padding: 1px 5px 12px; color: #828296; font-size: 10px; letter-spacing: .06em; }
.x2p8m4qa { position: relative; overflow: hidden; aspect-ratio: 1.05 / 1; border-radius: 16px; isolation: isolate; background: linear-gradient(140deg, #d6d8ff, #f8daca 58%, #d3edf4); }
.v9k2c5ma { position: absolute; inset: 0; overflow: hidden; opacity: 0; transform: scale(1.025); transition: opacity .7s ease, transform 1.1s cubic-bezier(.18,.75,.2,1); }
.v9k2c5ma[data-active="true"] { z-index: 1; opacity: 1; transform: scale(1); }
.v9k2c5ma img { position: absolute; inset: 0; }
.v9k2c5ma::after { content: ""; position: absolute; inset: 20% 0 0; background: linear-gradient(180deg, transparent, #1d2141c9); }
.n3q7w2kd { position: absolute; z-index: 1; left: clamp(18px, 4vw, 35px); right: 20px; bottom: 25px; color: #fff; }
.n3q7w2kd > span { display: inline-block; padding: 4px 9px; border: 1px solid #ffffff70; border-radius: 99px; background: #26233b55; font-size: 10px; }
.n3q7w2kd h2 { margin: 12px 0 3px; font-family: var(--serif); font-size: clamp(28px, 4vw, 44px); line-height: 1.12; }
.n3q7w2kd p { margin: 0; color: #f2f1fa; font-size: 12px; }
.a5q8d2vc { gap: 12px; padding: 13px 4px 1px; }
.a5q8d2vc > p { margin: 0; font-size: 12px; font-weight: 700; }
.a5q8d2vc > p span { color: #9998a7; font-weight: 400; }
.s8m3q6va { display: flex; gap: 7px; }
.s8m3q6va button, .r4v8n2qa button { width: 34px; height: 34px; border: 1px solid #e6e4ed; border-radius: 50%; background: #fff; cursor: pointer; transition: color .2s, background .2s, transform .2s; }
.s8m3q6va button:hover, .r4v8n2qa button:hover { color: #fff; background: var(--violet); transform: translateY(-2px); }
.b8q2m5vd { display: flex; justify-content: flex-end; align-items: center; gap: 7px; margin: 13px 5px 0 0; color: #8f8c9d; font-size: 10px; }
.b8q2m5vd span { color: #8872eb; }
.k6w3p9ra { position: absolute; left: max(28px, calc((100% - 1160px)/2)); bottom: 32px; display: flex; align-items: center; gap: 12px; color: #8b8999; font-size: 10px; letter-spacing: .12em; }
.k6w3p9ra i { font-style: normal; color: var(--violet); }
.e4q8n2va, .p7v2m5qa, .n6q2c8va, .f3n8q2va, .j4m8q2va, .d2v8m5qa, .x8m3q6va { padding: 104px 0; }
.e4q8n2va { background: #fff; }
.r8m3v6qa { width: min(1160px, calc(100% - 56px)); margin-inline: auto; }
.u3c7n5kd { margin: 0 0 12px; }
.r8m3v6qa h2, .m8q3v6ka h2 { max-width: 780px; margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(31px, 4.2vw, 48px); line-height: 1.2; letter-spacing: -.035em; }
.r8m3v6qa h2 span, .m8q3v6ka h2 span { color: var(--violet); }
.r8m3v6qa > p:last-child, .m8q3v6ka > div > p:last-child { max-width: 630px; margin: 14px 0 0; color: var(--muted); font-size: 13px; }
.d5m9q2va { width: min(1160px, calc(100% - 56px)); margin: 42px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.p4r8w2ka { position: relative; padding: 26px 22px 0 0; }
.p4r8w2ka + .p4r8w2ka { padding-left: 22px; border-left: 1px solid var(--line); }
.c7n3v8qa { display: inline-block; color: #a4a1b1; font-size: 10px; letter-spacing: .1em; }
.p4r8w2ka h3 { margin: 27px 0 8px; font-size: 17px; }
.p4r8w2ka p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.9; }
.h7n2c5va { padding: 104px 0 110px; background: linear-gradient(180deg, #f4f3ff 0, #f8f7fd 100%); }
.m8q3v6ka { display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.m8q3v6ka > div > p:first-child { margin: 0 0 12px; }
.m8q3v6ka > div > p:last-child { max-width: 620px; }
.m8q3v6ka h2 { font-size: clamp(30px, 4vw, 44px); }
.r4v8n2qa { display: flex; gap: 8px; flex: 0 0 auto; padding-bottom: 4px; }
.x5p9m3vd { width: min(1160px, calc(100% - 56px)); margin: 38px auto 0; display: grid; grid-auto-columns: minmax(260px, 1fr); grid-auto-flow: column; gap: 20px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #c9c4e3 transparent; padding: 0 0 16px; }
.q6w2k8ma { min-width: 0; overflow: hidden; border-radius: 15px; background: #fff; scroll-snap-align: start; box-shadow: 0 8px 24px #433d6b0c; transition: transform .24s ease, box-shadow .24s ease; }
.q6w2k8ma:hover { transform: translateY(-5px); box-shadow: 0 18px 34px #433d6b17; }
.q6w2k8ma > a { display: block; height: 100%; }
.v3n8c5qa { position: relative; overflow: hidden; aspect-ratio: 1.28 / 1; background: #e6e4f6; }
.v3n8c5qa img { transition: transform .5s ease; }
.q6w2k8ma:hover .v3n8c5qa img { transform: scale(1.045); }
.v3n8c5qa > span { position: absolute; left: 13px; bottom: 13px; padding: 5px 9px; color: #fff; border: 1px solid #ffffff6e; border-radius: 99px; background: #28233e70; font-size: 10px; }
.k2m7q4va { padding: 18px 19px 20px; }
.k2m7q4va h3 { margin: 0; font-family: var(--serif); font-size: 22px; }
.k2m7q4va p { min-height: 43px; margin: 8px 0 15px; color: var(--muted); font-size: 12px; }
.k2m7q4va > span { color: var(--violet); font-size: 11px; font-weight: 700; }
.w9a3c6qd { width: min(1160px, calc(100% - 56px)); margin: 3px auto 0; color: #8d899f; text-align: right; font-size: 10px; }
.p7v2m5qa { background: #fff; }
.p7v2m5qa > .m8q3v6ka { margin-bottom: 43px; }
.d8w2q6va { display: inline-flex; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid var(--line); border-radius: 99px; color: #6259b5; background: white; font-size: 11px; font-weight: 700; white-space: nowrap; }
.d8w2q6va:hover { border-color: #cfc8ff; background: #f8f6ff; }
.n5c8r2qa { width: min(1160px, calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: 1.6fr .72fr; gap: 36px; align-items: start; }
.a7m3v9kd { border-top: 1px solid var(--line); }
.h4q8p2va { min-height: 112px; display: grid; grid-template-columns: 55px 64px minmax(0, 1fr) auto; align-items: center; gap: 17px; border-bottom: 1px solid var(--line); }
.z8n3c6qa { color: #aaa7b7; font-size: 10px; letter-spacing: .08em; }
.h4q8p2va > img { width: 64px; height: 78px; border-radius: 8px; background: #eae8f4; }
.h4q8p2va > div > p { margin: 0 0 3px; color: #8177ca; font-size: 10px; }
.h4q8p2va h3 { margin: 0; font-family: var(--serif); font-size: 17px; }
.h4q8p2va > div > span { color: var(--muted); font-size: 10px; }
.h4q8p2va > a { color: #645bb6; font-size: 10px; white-space: nowrap; }
.q9c4m7va { position: sticky; top: 24px; padding: 29px; border-radius: 16px; background: #f2f0ff; }
.q9c4m7va > span { color: var(--violet); font-size: 19px; }
.q9c4m7va > p:first-of-type { margin: 14px 0 7px; color: #736ab7; font-size: 10px; letter-spacing: .1em; }
.q9c4m7va h3 { margin: 0; font-family: var(--serif); font-size: 24px; line-height: 1.35; }
.q9c4m7va > p:last-of-type { margin: 15px 0 18px; color: #77768b; font-size: 11px; line-height: 1.9; }
.q9c4m7va a { color: #6259b5; font-size: 10px; font-weight: 700; }
.b4n9q2va { padding: 90px 0; background: #f2f0ff; }
.w2m6q8va { width: min(1160px, calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: .76fr 1.24fr; gap: 70px; align-items: center; }
.z9c3p5ka { padding: 15px 0; }
.z9c3p5ka h2 { max-width: 380px; margin: 0; font-family: var(--serif); font-size: clamp(34px, 4vw, 48px); line-height: 1.2; }
.z9c3p5ka h2 span { color: #8782a5; font-family: inherit; font-size: .55em; }
.z9c3p5ka > p:not(.u3c7n5kd) { max-width: 340px; color: #77768b; font-size: 12px; line-height: 1.9; }
.z9c3p5ka > a { display: inline-block; margin-top: 13px; color: #6259b5; font-size: 11px; font-weight: 700; }
.c5v8n2qa { list-style: none; margin: 0; padding: 0 25px; background: #fff; border-radius: 16px; box-shadow: 0 18px 48px #39335b0d; }
.c5v8n2qa li { min-height: 86px; display: grid; grid-template-columns: 43px minmax(0, 1fr) auto; align-items: center; gap: 15px; border-bottom: 1px solid #eeedf3; }
.c5v8n2qa li:last-child { border-bottom: 0; }
.c5v8n2qa li > span:first-child { color: #7567d2; font-family: var(--serif); font-size: 20px; }
.c5v8n2qa li h3 { margin: 0; font-family: var(--serif); font-size: 17px; }
.c5v8n2qa li p { margin: 2px 0 0; color: #9392a0; font-size: 10px; }
.c5v8n2qa li > span:last-child { padding: 5px 9px; color: #8179b2; border-radius: 99px; background: #f5f3fd; font-size: 9px; }
.n6q2c8va { background: #fff; }
.n6q2c8va > .m8q3v6ka { margin-bottom: 42px; }
.v2p7m4ka { width: min(1050px, calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(55px, 9vw, 120px); align-items: center; }
.d6q9c3wa { position: relative; justify-self: center; width: min(100%, 330px); padding: 13px; border: 1px solid #e8e6f0; border-radius: 35px; background: #fff; box-shadow: 0 24px 65px #3831581c; }
.h8m2q5va { overflow: hidden; border: 1px solid #f0eff5; border-radius: 25px; background: #fbfafc; }
.r3c7n9qa { min-height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 14px; color: #7a7889; font-size: 9px; }
.p5v8q2nd { overflow: hidden; aspect-ratio: 1.3 / 1; background: #d7def4; }
.k4n8c2va { padding: 17px 16px 20px; }
.k4n8c2va > span { color: #776dc7; font-size: 9px; }
.k4n8c2va h3 { margin: 6px 0; font-family: var(--serif); font-size: 22px; }
.k4n8c2va p { margin: 0; color: #858392; font-size: 10px; }
.k4n8c2va > div { display: flex; gap: 7px; margin-top: 16px; }
.k4n8c2va > div span { padding: 5px 8px; color: #6d66a6; border-radius: 6px; background: #eeecfa; font-size: 8px; }
.x9m3q6va { height: 20px; display: flex; justify-content: center; gap: 4px; padding: 6px; }
.x9m3q6va span { width: 4px; height: 4px; border-radius: 50%; background: #c8c6d2; }
.x9m3q6va span:first-child { width: 14px; border-radius: 4px; background: #7769da; }
.a8q4m2vd { position: absolute; right: -23px; bottom: 27px; padding: 9px 12px; border: 1px solid #ebe9f4; border-radius: 9px; background: white; color: #7c748d; font-size: 9px; box-shadow: 0 6px 20px #342e5010; }
.c2v7n5qa { max-width: 490px; }
.g8m3r6qa { margin: 0 0 11px; color: #7769da; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.c2v7n5qa h3 { margin: 0; font-family: var(--serif); font-size: clamp(30px, 3.5vw, 40px); line-height: 1.33; }
.c2v7n5qa > p:not(.g8m3r6qa) { color: #777888; font-size: 12px; line-height: 2; }
.c2v7n5qa ul { list-style: none; margin: 22px 0; padding: 0; }
.c2v7n5qa li { display: flex; gap: 13px; align-items: center; padding: 9px 0; border-bottom: 1px solid #eeedf3; color: #606175; font-size: 11px; }
.c2v7n5qa li span { color: #8377d8; font-size: 9px; }
.c2v7n5qa > a { color: #645bb6; font-size: 11px; font-weight: 700; }
.f3n8q2va { background: #f8f7fd; }
.f3n8q2va > .m8q3v6ka { margin-bottom: 43px; }
.q3c7v9ma { width: min(1160px, calc(100% - 56px)); margin: auto; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; counter-reset: steps; }
.q3c7v9ma li { min-height: 238px; padding: 23px 25px; border: 1px solid #eeedf4; border-radius: 14px; background: #fff; transition: border-color .2s, transform .2s; }
.q3c7v9ma li:hover { border-color: #c9c1fa; transform: translateY(-4px); }
.q3c7v9ma li > span { color: #9995aa; font-size: 9px; letter-spacing: .12em; }
.q3c7v9ma li i { display: block; margin-top: 27px; color: var(--violet); font-size: 25px; font-style: normal; }
.q3c7v9ma li h3 { margin: 10px 0 5px; font-size: 15px; }
.q3c7v9ma li p { margin: 0; color: var(--muted); font-size: 11px; }
.j4m8q2va { background: #fff; }
.j4m8q2va > .m8q3v6ka { margin-bottom: 35px; }
.a3q9m6vd { max-width: 245px; margin: 0 0 4px; color: #928fa0; font-size: 10px; }
.n8v2c5qa { width: min(1160px, calc(100% - 56px)); margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.p9m3q7va { min-height: 190px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.p9m3q7va > span { color: #8d7ce8; font-family: var(--serif); font-size: 37px; line-height: 1; }
.p9m3q7va blockquote { margin: 9px 0 19px; color: #535467; font-family: var(--serif); font-size: 15px; line-height: 1.8; }
.p9m3q7va p { margin: 0; color: #aaa7b5; font-size: 9px; letter-spacing: .05em; }
.d2v8m5qa { background: #f8f7fd; }
.d2v8m5qa > .r8m3v6qa { margin-bottom: 36px; }
.k7p2n9va { width: min(900px, calc(100% - 56px)); margin: auto; border-top: 1px solid #e7e5ee; }
.k7p2n9va details { border-bottom: 1px solid #e7e5ee; }
.k7p2n9va summary { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 600; }
.k7p2n9va summary::-webkit-details-marker { display: none; }
.k7p2n9va summary > span { color: #8275d8; font-size: 20px; font-weight: 400; transition: transform .2s; }
.k7p2n9va details[open] summary > span { transform: rotate(45deg); }
.k7p2n9va details > p { max-width: 760px; margin: -2px 40px 21px 0; color: #727385; font-size: 12px; line-height: 1.9; }
.w3q8m2va { padding: 84px 0; background: linear-gradient(120deg, #e7e4ff, #f3f0ff 49%, #e5f6fb); }
.n9c4v6qa { width: min(1050px, calc(100% - 56px)); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.p2m7q5va { max-width: 680px; }
.p2m7q5va .u3c7n5kd { color: #685bbd; }
.p2m7q5va h2 { margin: 0; font-family: var(--serif); font-size: clamp(30px, 4vw, 42px); line-height: 1.25; }
.p2m7q5va > p:not(.u3c7n5kd) { max-width: 600px; margin: 14px 0 0; color: #66657b; font-size: 13px; }
.v5q2n8ka { margin-top: 22px; }
.v5q2n8ka a { padding: 10px 14px; color: #fff; border-radius: 99px; background: linear-gradient(100deg, #7562df, #4ba5dc); font-size: 10px; font-weight: 700; box-shadow: 0 6px 16px #6356c630; }
.v5q2n8ka a + a { color: #635a9d; border: 1px solid #d9d5ef; background: #ffffff9c; box-shadow: none; }
.c6m9r3qa { position: relative; flex: 0 0 155px; height: 190px; padding: 17px; overflow: hidden; border: 1px solid #ffffffbd; border-radius: 19px; background: #ffffffa8; box-shadow: 0 18px 40px #38315b13; transform: rotate(4deg); }
.c6m9r3qa > span { color: #7563db; font-size: 23px; font-weight: 800; letter-spacing: -.08em; }
.c6m9r3qa i { display: block; height: 5px; margin-top: 13px; border-radius: 99px; background: #e7e4f5; }
.c6m9r3qa i:nth-of-type(1) { width: 86%; }
.c6m9r3qa i:nth-of-type(2) { width: 64%; }
.c6m9r3qa i:nth-of-type(3) { width: 76%; }
.c6m9r3qa b { position: absolute; right: 12px; bottom: 13px; color: #88839f; font-size: 11px; line-height: 1.5; text-align: right; }
.x8m3q6va { padding-bottom: 75px; background: white; }
.x8m3q6va > .r8m3v6qa { margin-bottom: 26px; }
.y4q8n2va { width: min(860px, calc(100% - 56px)); margin: auto; }
.y4q8n2va p { margin: 0 0 18px; color: #696a7b; font-size: 12px; line-height: 2.15; }
.a9c3v7qa { padding: 35px 0 26px; background: #26263b; color: #f5f4fc; }
.a9c3v7qa > .m8q3v6ka { align-items: center; flex-wrap: wrap; }
.a9c3v7qa .j5x2k8pd { color: white; }
.a9c3v7qa .j5x2k8pd > span { color: #c3baff; }
.a9c3v7qa .j5x2k8pd small { color: #b6b4c8; }
.h2n7q4va { display: flex; flex-wrap: wrap; gap: 17px; margin-left: auto; color: #d7d5e4; font-size: 10px; }
.k4q8n2va { flex-basis: 100%; margin: 17px 0 0; color: #c1bfd0; font-size: 10px; }
.d7m2c5va { flex-basis: 100%; margin: 9px 0 0; padding-top: 14px; border-top: 1px solid #ffffff20; color: #9e9cad; font-size: 9px; }
[data-motion="ready"] [data-reveal] { opacity: 0; transform: translateY(15px); transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.25,1); }
[data-motion="ready"] [data-reveal][data-visible="true"] { opacity: 1; transform: translateY(0); }
@media (min-width: 1400px) {
  .z5k2m8ra { padding-block: 90px; }
}
@media (max-width: 900px) {
  .n7p3w9ka, .m8q3v6ka, .w8c4n2qf, .r8m3v6qa, .d5m9q2va, .x5p9m3vd, .w9a3c6qd, .n5c8r2qa, .w2m6q8va, .v2p7m4ka, .q3c7v9ma, .n8v2c5qa, .k7p2n9va, .y4q8n2va, .n9c4v6qa { width: min(calc(100% - 42px), 720px); }
  .n7p3w9ka { min-height: 74px; gap: 16px; }
  .k8r2m6qa { display: none; }
  .x4n8p2vd { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 9px 12px; border: 1px solid var(--line); border-radius: 99px; background: #fff; font-size: 11px; }
  .g7q3v5ma { position: absolute; top: calc(100% - 1px); left: 21px; right: 21px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px; border: 1px solid var(--line); border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 14px 24px #27213b12; }
  .g7q3v5ma[data-expanded="true"] { display: flex; }
  .g7q3v5ma a { padding: 11px 12px; border-radius: 8px; }
  .g7q3v5ma a:hover { background: #f7f5ff; }
  .d9m2c6ra { color: #fff !important; }
  .z5k2m8ra { padding: 54px 0 76px; }
  .w8c4n2qf { grid-template-columns: 1fr 1fr; gap: 30px; }
  .c3q9m2vd h1 { font-size: clamp(39px, 6.3vw, 58px); }
  .f6q3m8va time { display: none; }
  .p4r8w2ka { padding-right: 14px; }
  .p4r8w2ka + .p4r8w2ka { padding-left: 14px; }
  .n5c8r2qa { grid-template-columns: 1fr; gap: 25px; }
  .q9c4m7va { position: static; display: grid; grid-template-columns: 36px 1fr; column-gap: 12px; align-items: center; padding: 20px; }
  .q9c4m7va > span { grid-row: span 2; }
  .q9c4m7va > p:first-of-type { margin: 0; }
  .q9c4m7va h3 { grid-column: 2; font-size: 19px; }
  .q9c4m7va > p:last-of-type, .q9c4m7va > a { grid-column: 2; }
  .w2m6q8va { grid-template-columns: .78fr 1.22fr; gap: 34px; }
  .v2p7m4ka { gap: 46px; }
  .e4q8n2va, .p7v2m5qa, .n6q2c8va, .f3n8q2va, .j4m8q2va, .d2v8m5qa, .x8m3q6va { padding-block: 82px; }
}
@media (max-width: 640px) {
  body { font-size: 14px; }
  .n7p3w9ka, .m8q3v6ka, .w8c4n2qf, .r8m3v6qa, .d5m9q2va, .x5p9m3vd, .w9a3c6qd, .n5c8r2qa, .w2m6q8va, .v2p7m4ka, .q3c7v9ma, .n8v2c5qa, .k7p2n9va, .y4q8n2va, .n9c4v6qa { width: calc(100% - 36px); }
  .n7p3w9ka { min-height: 68px; }
  .v6c3n9ra { width: 38px; height: 38px; }
  .j5x2k8pd { font-size: 17px; }
  .z5k2m8ra { padding: 38px 0 63px; background: radial-gradient(ellipse at 80% 64%, #edeeff, #fbfaf8 70%); }
  .w8c4n2qf { grid-template-columns: 1fr; gap: 36px; }
  .c3q9m2vd { padding: 0; }
  .c3q9m2vd h1 { font-size: clamp(40px, 12vw, 58px); }
  .b5q9w2kd { margin-top: 17px; font-size: 13px; }
  .m2k7v4qa { margin-top: 23px; }
  .h3d8q5va, .p7c2n9ra { min-height: 44px; padding-inline: 15px; font-size: 11px; }
  .f6q3m8va { margin-top: 27px; }
  .q4n8v2ca { width: min(100%, 460px); margin-inline: auto; }
  .w7m2p5kd { padding: 10px; border-radius: 18px; }
  .x2p8m4qa { aspect-ratio: 1.1 / 1; border-radius: 12px; }
  .n3q7w2kd { left: 20px; bottom: 19px; }
  .n3q7w2kd h2 { font-size: 31px; }
  .k6w3p9ra { left: 18px; bottom: 20px; }
  .e4q8n2va, .p7v2m5qa, .n6q2c8va, .f3n8q2va, .j4m8q2va, .d2v8m5qa, .x8m3q6va { padding-block: 68px; }
  .r8m3v6qa h2, .m8q3v6ka h2 { font-size: 32px; }
  .d5m9q2va { grid-template-columns: 1fr 1fr; row-gap: 22px; }
  .p4r8w2ka { padding: 17px 12px 0 0; }
  .p4r8w2ka + .p4r8w2ka { padding-left: 12px; }
  .p4r8w2ka:nth-child(3) { padding-left: 0; border-left: 0; }
  .p4r8w2ka h3 { margin-top: 18px; font-size: 14px; }
  .p4r8w2ka p { font-size: 10px; }
  .m8q3v6ka { align-items: flex-start; }
  .h7n2c5va { padding-block: 68px; }
  .h7n2c5va .m8q3v6ka { align-items: end; }
  .r4v8n2qa { display: none; }
  .x5p9m3vd { grid-auto-columns: minmax(245px, 82%); gap: 13px; margin-top: 25px; }
  .k2m7q4va { padding: 15px; }
  .k2m7q4va h3 { font-size: 20px; }
  .k2m7q4va p { font-size: 11px; }
  .w9a3c6qd { text-align: left; font-size: 9px; }
  .p7v2m5qa > .m8q3v6ka { flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 27px; }
  .d8w2q6va { font-size: 10px; }
  .h4q8p2va { min-height: 100px; grid-template-columns: 39px 53px minmax(0, 1fr); gap: 11px; }
  .h4q8p2va > img { width: 53px; height: 68px; }
  .h4q8p2va > div > span { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .h4q8p2va > a { display: none; }
  .h4q8p2va h3 { font-size: 15px; }
  .z8n3c6qa { font-size: 9px; }
  .q9c4m7va { padding: 17px; }
  .q9c4m7va h3 { font-size: 18px; }
  .b4n9q2va { padding-block: 68px; }
  .w2m6q8va { grid-template-columns: 1fr; gap: 25px; }
  .z9c3p5ka { padding: 0; }
  .z9c3p5ka > p:not(.u3c7n5kd) { margin-bottom: 8px; }
  .c5v8n2qa { padding-inline: 16px; }
  .c5v8n2qa li { min-height: 76px; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; }
  .c5v8n2qa li h3 { font-size: 15px; }
  .c5v8n2qa li > span:last-child { padding: 4px 6px; font-size: 8px; }
  .n6q2c8va > .m8q3v6ka { margin-bottom: 28px; }
  .v2p7m4ka { grid-template-columns: 1fr; gap: 46px; }
  .d6q9c3wa { width: min(83%, 310px); }
  .a8q4m2vd { right: -17px; }
  .c2v7n5qa h3 { font-size: 31px; }
  .q3c7v9ma { grid-template-columns: 1fr; gap: 10px; }
  .q3c7v9ma li { min-height: unset; padding: 18px; }
  .q3c7v9ma li i { display: inline-block; width: 36px; margin: 12px 10px 0 0; vertical-align: middle; }
  .q3c7v9ma li h3 { display: inline-block; margin: 12px 0 0; vertical-align: middle; }
  .q3c7v9ma li p { margin-top: 5px; }
  .j4m8q2va > .m8q3v6ka { flex-direction: column; gap: 10px; margin-bottom: 25px; }
  .a3q9m6vd { max-width: none; }
  .n8v2c5qa { grid-template-columns: 1fr; gap: 10px; }
  .p9m3q7va { min-height: 145px; padding: 17px; }
  .p9m3q7va blockquote { margin-bottom: 12px; font-size: 13px; }
  .k7p2n9va summary { min-height: 61px; font-size: 11px; }
  .k7p2n9va details > p { margin-right: 26px; font-size: 11px; }
  .w3q8m2va { padding-block: 60px; }
  .n9c4v6qa { align-items: flex-start; }
  .p2m7q5va h2 { font-size: 29px; }
  .p2m7q5va > p:not(.u3c7n5kd) { font-size: 11px; }
  .v5q2n8ka { gap: 8px; }
  .v5q2n8ka a { padding: 9px 11px; font-size: 9px; }
  .c6m9r3qa { flex-basis: 88px; height: 132px; padding: 10px; border-radius: 13px; }
  .c6m9r3qa > span { font-size: 17px; }
  .c6m9r3qa i { height: 4px; margin-top: 9px; }
  .c6m9r3qa b { right: 8px; bottom: 9px; font-size: 8px; }
  .x8m3q6va { padding-bottom: 56px; }
  .y4q8n2va p { font-size: 11px; line-height: 2.05; }
  .a9c3v7qa { padding-block: 26px 21px; }
  .a9c3v7qa > .m8q3v6ka { gap: 19px; }
  .h2n7q4va { width: 100%; margin: 0; gap: 10px 16px; font-size: 9px; }
  .k4q8n2va { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}