* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #0a0b18;
    color: #f5f2ff;
    font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    color: inherit;
    font: inherit;
}

.q7n2m9-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 20;
    border-bottom: 1px solid rgba(255, 255, 255, .11);
}

.r8p3v0-header-inner {
    width: min(1240px, calc(100% - 80px));
    height: 82px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.s9x4k1-brand,
.k4u9v6-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: .02em;
    white-space: nowrap;
}

.s9x4k1-brand img,
.k4u9v6-footer-logo img {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    object-fit: cover;
}

.t0c5j2-navigation {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-left: auto;
}

.t0c5j2-navigation a,
.l5w0x7-footer-nav a {
    color: #aaa8c0;
    font-size: 13px;
    transition: color .2s ease;
}

.t0c5j2-navigation a:hover,
.l5w0x7-footer-nav a:hover {
    color: #f0a9ff;
}

.b8k3c0-header-tools {
    display: flex;
    align-items: center;
    gap: 14px;
}

.c9l4d1-header-download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 17px;
    border: 1px solid rgba(219, 177, 255, .4);
    border-radius: 9px;
    background: rgba(142, 92, 242, .12);
    font-size: 13px;
    transition: background .2s ease, transform .2s ease;
}

.c9l4d1-header-download:hover {
    background: rgba(199, 128, 255, .26);
    transform: translateY(-2px);
}

.d0m5e2-menu-button {
    display: none;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 9px;
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
}

.e1n6f3-hero {
    position: relative;
    min-height: 790px;
    padding: 165px 0 74px;
    overflow: hidden;
    background: #0a0b18;
}

.f2o7g4-hero-noise {
    position: absolute;
    inset: 0;
    opacity: .33;
    background-image: linear-gradient(rgba(168, 142, 219, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(168, 142, 219, .1) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, black 5%, transparent 90%);
}

.h3p8i5-hero-orbit,
.i4q9j6-hero-orbit {
    position: absolute;
    border: 1px solid rgba(163, 129, 255, .18);
    border-radius: 50%;
    transform: rotate(-22deg);
}

.h3p8i5-hero-orbit-one {
    width: 760px;
    height: 390px;
    top: 170px;
    right: -140px;
}

.i4q9j6-hero-orbit-two {
    width: 930px;
    height: 480px;
    top: 130px;
    right: -210px;
    border-color: rgba(240, 143, 255, .08);
}

.j5r0k7-hero-layout {
    position: relative;
    z-index: 1;
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 460px;
    align-items: center;
    gap: 96px;
}

.k6s1l8-hero-copy {
    max-width: 700px;
}

.l7t2m9-hero-eyebrow,
.e4k9f6-section-index,
.x2e7f4-section-index,
.j4b9c6-section-index,
.i3r8s5-section-index,
.c3f8g5-section-index,
.c7f2g9-section-index,
.d7g2h9-closing-index {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 28px;
    color: #b79bff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2em;
}

.l7t2m9-hero-eyebrow span {
    width: 38px;
    height: 1px;
    background: #d3a6ff;
}

.m8u3n0-hero-title {
    max-width: 700px;
    margin: 0;
    color: #fbfaff;
    font-size: 72px;
    line-height: 1.08;
    letter-spacing: .01em;
    font-weight: 800;
    white-space: nowrap;
}

.n9v4o1-hero-description {
    max-width: 610px;
    margin: 28px 0 0;
    color: #b3b1c6;
    font-size: 16px;
    line-height: 1.95;
}

.o0w5p2-hero-actions {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 38px;
}

.p1x6q3-hero-primary,
.g0m5n2-closing-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 22px;
    border-radius: 10px;
    background: #d9a1ff;
    color: #171020;
    font-size: 14px;
    font-weight: 750;
    box-shadow: 0 12px 34px rgba(202, 133, 255, .22);
    transition: transform .2s ease, background .2s ease;
}

.p1x6q3-hero-primary:hover,
.g0m5n2-closing-button:hover {
    background: #e3baff;
    transform: translateY(-3px);
}

.q2y7r4-hero-secondary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 52px;
    padding: 0 4px;
    color: #c3bbd9;
    font-size: 13px;
}

.q2y7r4-hero-secondary i {
    color: #b7a0ff;
    transition: transform .2s ease;
}

.q2y7r4-hero-secondary:hover i {
    transform: translateY(4px);
}

.r3z8s5-hero-facts {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 45px;
    color: #77748d;
    font-size: 12px;
}

.r3z8s5-hero-facts span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.r3z8s5-hero-facts i {
    color: #a893ff;
    font-size: 15px;
}

.s4a9t6-hero-stage {
    position: relative;
    padding: 18px;
    border: 1px solid rgba(220, 205, 255, .22);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(45, 36, 78, .92), rgba(18, 18, 40, .88));
    box-shadow: 0 28px 90px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .11);
    transform: rotate(2deg);
}

.t5b0u7-stage-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px 15px;
    color: #a59abf;
    font-size: 10px;
    letter-spacing: .16em;
}

.t5b0u7-stage-top span:last-child {
    color: #b6a1ff;
}

.u6c1v8-stage-window {
    position: relative;
    height: 495px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 17px;
    background: #f4eff8;
    color: #292139;
}

.aa1b2c-window-chrome {
    height: 42px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #e6dced;
}

.bb2c3d-chrome-dot,
.cc3d4e-chrome-dot,
.dd4e5f-chrome-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.bb2c3d-chrome-dot {
    background: #dc9cae;
}

.cc3d4e-chrome-dot {
    background: #c9a5e9;
}

.dd4e5f-chrome-dot {
    background: #8eb8eb;
}

.aa1b2c-window-chrome i {
    margin-left: auto;
    color: #82738e;
    font-size: 17px;
}

.ee5f6g-profile-strip {
    min-height: 68px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #e5dce9;
    background: rgba(255, 255, 255, .7);
}

.ff6g7h-profile-avatar,
.ll2m3n-ai-avatar,
.oo5p6q-ai-avatar {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(145deg, #91b9e9, #ef9dc7);
    color: #322447;
    font-family: Georgia, serif;
    font-weight: 700;
}

.ff6g7h-profile-avatar {
    width: 38px;
    height: 38px;
    font-size: 18px;
}

.ee5f6g-profile-strip div {
    display: grid;
    gap: 4px;
}

.ee5f6g-profile-strip strong {
    color: #271d39;
    font-size: 13px;
}

.ee5f6g-profile-strip small {
    color: #93899d;
    font-size: 10px;
}

.ee5f6g-profile-strip > i {
    margin-left: auto;
    color: #8b70c9;
    font-size: 20px;
}

.gg7h8i-chat-body {
    flex: 1;
    padding: 16px 17px 10px;
    background: linear-gradient(145deg, #f6f0f8, #eee9f6);
}

.hh8i9j-chat-time {
    margin: 0 0 15px;
    color: #aaa0b1;
    font-size: 10px;
    text-align: center;
}

.ii9j0k-user-row,
.kk1l2m-ai-row,
.nn4o5p-ai-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 13px;
}

.ii9j0k-user-row {
    justify-content: flex-end;
}

.jj0k1l-user-bubble,
.mm3n4o-ai-bubble,
.pp6q7r-ai-bubble {
    max-width: 76%;
    padding: 11px 13px;
    font-size: 12px;
    line-height: 1.7;
}

.jj0k1l-user-bubble {
    border-radius: 15px 15px 4px 15px;
    background: #bda4f1;
    color: #29183e;
}

.ll2m3n-ai-avatar,
.oo5p6q-ai-avatar {
    width: 25px;
    height: 25px;
    font-size: 12px;
}

.mm3n4o-ai-bubble,
.pp6q7r-ai-bubble {
    border-radius: 15px 15px 15px 4px;
    background: #fff;
    color: #473a58;
    box-shadow: 0 5px 14px rgba(84, 57, 108, .08);
}

.mm3n4o-ai-bubble small {
    display: block;
    margin-top: 7px;
    color: #a085c9;
    font-size: 9px;
}

.qq7r8s-composer {
    height: 61px;
    padding: 10px 14px;
    display: grid;
    grid-template-columns: 25px 1fr 25px;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #e4dbe9;
    background: rgba(255, 255, 255, .88);
}

.qq7r8s-composer > i {
    color: #8d7d9c;
    font-size: 19px;
}

.rr8s9t-voice-chip {
    min-height: 35px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #decfe8;
    border-radius: 10px;
    background: #f8f3fa;
    color: #8d78b5;
}

.rr8s9t-voice-chip > i {
    font-size: 15px;
}

.rr8s9t-voice-chip small {
    margin-left: auto;
    color: #9b91a5;
    font-size: 9px;
    white-space: nowrap;
}

.ss9t0u-wave {
    height: 19px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.ss9t0u-wave b {
    width: 2px;
    height: 8px;
    border-radius: 2px;
    background: #a98bda;
}

.ss9t0u-wave b:nth-child(2),
.ss9t0u-wave b:nth-child(5) {
    height: 15px;
}

.ss9t0u-wave b:nth-child(3) {
    height: 11px;
}

.y0g5z2-stage-note {
    position: absolute;
    right: -64px;
    bottom: 78px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #cab9ff;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .15em;
}

.y0g5z2-stage-note i {
    font-size: 24px;
    color: #8eafff;
}

.a1h6b3-hero-bottom {
    position: absolute;
    right: 40px;
    bottom: 30px;
    left: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #69677e;
    font-size: 10px;
    letter-spacing: .19em;
}

.a1h6b3-hero-bottom i {
    color: #a38fff;
    font-size: 17px;
}

.c2i7d4-showcase,
.g1n6o3-news,
.a1b6c3-faq,
.a5b0c7-reviews {
    padding: 130px 0;
}

.c2i7d4-showcase,
.a1b6c3-faq {
    background: #f4f1f8;
    color: #171527;
}

.v0c5d2-benefits,
.h2x7y4-process,
.g1n6o3-news,
.a5b0c7-reviews {
    background: #0e0e20;
}

.d3j8e5-section-intro,
.w1d6e3-section-intro,
.i3z8a5-section-intro,
.h2p7q4-section-intro,
.b2d7e4-section-intro,
.b6d1e8-section-intro {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto 56px;
    text-align: center;
}

.d3j8e5-section-intro .e4k9f6-section-index,
.w1d6e3-section-intro .x2e7f4-section-index,
.i3z8a5-section-intro .j4b9c6-section-index,
.h2p7q4-section-intro .i3r8s5-section-index,
.b2d7e4-section-intro .c3f8g5-section-index,
.b6d1e8-section-intro .c7f2g9-section-index {
    justify-content: center;
}

.e4k9f6-section-index,
.j4b9c6-section-index,
.c3f8g5-section-index {
    color: #8f70d8;
}

.x2e7f4-section-index,
.i3r8s5-section-index,
.c7f2g9-section-index {
    color: #a994ff;
}

.f5l0g7-section-title,
.y3f8g5-section-title,
.k5d0e7-section-title,
.j4t9u6-section-title,
.d4h9i6-section-title,
.d8h3i0-section-title {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .03em;
}

.g6m1h8-section-summary,
.z4h9i6-section-summary,
.l6f1g8-section-summary,
.k5v0w7-section-summary,
.e5j0k7-section-summary,
.e9j4k1-section-summary {
    max-width: 570px;
    margin: 16px auto 0;
    color: #8c899d;
    font-size: 14px;
    line-height: 1.8;
}

.h7n2i9-showcase-track {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.i8o3j0-showcase-card,
.l1r6m3-showcase-card,
.o4u9p6-showcase-card,
.s7x2y9-showcase-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfd9e8;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(49, 32, 76, .08);
}

.j9p4k1-card-label,
.m2s7n4-card-label,
.p5v0q7-card-label,
.t8z3a0-card-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 17px 14px;
    color: #8a77aa;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
}

.j9p4k1-card-label i,
.m2s7n4-card-label i,
.p5v0q7-card-label i,
.t8z3a0-card-label i {
    color: #a36dff;
    font-size: 18px;
}

.i8o3j0-showcase-card img,
.l1r6m3-showcase-card img,
.o4u9p6-showcase-card img,
.s7x2y9-showcase-card img {
    display: block;
    width: calc(100% - 28px);
    height: 360px;
    margin: 0 14px;
    border-radius: 12px;
    object-fit: cover;
    object-position: top center;
    background: #f1edf4;
}

.k0q5l2-card-copy,
.n3t8o5-card-copy,
.q6w1r8-card-copy,
.u9b4c1-card-copy {
    padding: 19px 17px 21px;
}

.k0q5l2-card-copy div,
.n3t8o5-card-copy div,
.q6w1r8-card-copy div,
.u9b4c1-card-copy div {
    color: #241c35;
    font-size: 16px;
    font-weight: 750;
}

.k0q5l2-card-copy p,
.n3t8o5-card-copy p,
.q6w1r8-card-copy p,
.u9b4c1-card-copy p {
    margin: 8px 0 0;
    color: #8d8797;
    font-size: 12px;
    line-height: 1.75;
}

.v0c5d2-benefits,
.h2x7y4-process {
    padding: 130px 0;
    color: #f5f2ff;
}

.a5j0k7-benefit-grid {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid rgba(217, 191, 255, .2);
    border-left: 1px solid rgba(217, 191, 255, .2);
}

.b6l1m8-benefit-card,
.c7n2o9-benefit-card,
.d8p3q0-benefit-card,
.e9r4s1-benefit-card,
.f0t5u2-benefit-card,
.g1v6w3-benefit-card {
    min-height: 220px;
    padding: 27px;
    border-right: 1px solid rgba(217, 191, 255, .2);
    border-bottom: 1px solid rgba(217, 191, 255, .2);
    background: linear-gradient(135deg, rgba(38, 31, 67, .5), rgba(17, 17, 38, .2));
    transition: background .2s ease, transform .2s ease;
}

.b6l1m8-benefit-card:hover,
.c7n2o9-benefit-card:hover,
.d8p3q0-benefit-card:hover,
.e9r4s1-benefit-card:hover,
.f0t5u2-benefit-card:hover,
.g1v6w3-benefit-card:hover {
    background: linear-gradient(135deg, rgba(66, 47, 99, .72), rgba(24, 22, 54, .4));
    transform: translateY(-3px);
}

.b6l1m8-benefit-card > span,
.c7n2o9-benefit-card > span,
.d8p3q0-benefit-card > span,
.e9r4s1-benefit-card > span,
.f0t5u2-benefit-card > span,
.g1v6w3-benefit-card > span {
    display: block;
    margin-bottom: 24px;
    color: #887da8;
    font-size: 11px;
    letter-spacing: .17em;
}

.b6l1m8-benefit-card i,
.c7n2o9-benefit-card i,
.d8p3q0-benefit-card i,
.e9r4s1-benefit-card i,
.f0t5u2-benefit-card i,
.g1v6w3-benefit-card i {
    display: block;
    margin-bottom: 18px;
    color: #c9a1ff;
    font-size: 25px;
}

.b6l1m8-benefit-card div,
.c7n2o9-benefit-card div,
.d8p3q0-benefit-card div,
.e9r4s1-benefit-card div,
.f0t5u2-benefit-card div,
.g1v6w3-benefit-card div {
    color: #f9f6ff;
    font-size: 18px;
    font-weight: 700;
}

.b6l1m8-benefit-card p,
.c7n2o9-benefit-card p,
.d8p3q0-benefit-card p,
.e9r4s1-benefit-card p,
.f0t5u2-benefit-card p,
.g1v6w3-benefit-card p {
    max-width: 290px;
    margin: 10px 0 0;
    color: #9691a8;
    font-size: 13px;
    line-height: 1.8;
}

.m7h2i9-process-rail {
    position: relative;
    width: min(1150px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
}

.n8j3k0-rail-line {
    position: absolute;
    top: 28px;
    right: 10%;
    left: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #675c8d 15%, #a890ff 50%, #675c8d 85%, transparent);
}

.o9l4m1-process-step,
.r2u7v4-process-step,
.a5b0c7-process-step,
.d8h3i0-process-step {
    position: relative;
    z-index: 1;
    text-align: center;
}

.p0q5r2-step-mark,
.s3w8x5-step-mark,
.b6d1e8-step-mark,
.e9j4k1-step-mark {
    width: 57px;
    height: 57px;
    margin: 0 auto 25px;
    display: grid;
    place-items: center;
    border: 1px solid #9582e5;
    border-radius: 50%;
    background: #15152c;
    color: #dcb9ff;
    font-size: 12px;
    font-weight: 700;
}

.o9l4m1-process-step i,
.r2u7v4-process-step i,
.a5b0c7-process-step i,
.d8h3i0-process-step i {
    display: block;
    margin-bottom: 16px;
    color: #8bb1ff;
    font-size: 26px;
}

.q1s6t3-step-title,
.t4y9z6-step-title,
.c7f2g9-step-title,
.f0l5m2-step-title {
    color: #f6f2ff;
    font-size: 17px;
    font-weight: 700;
}

.o9l4m1-process-step p,
.r2u7v4-process-step p,
.a5b0c7-process-step p,
.d8h3i0-process-step p {
    margin: 10px auto 0;
    color: #8d889f;
    font-size: 12px;
    line-height: 1.75;
}

.g1n6o3-news,
.a5b0c7-reviews {
    color: #f5f2ff;
}

.l6x1y8-news-grid {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.m7z2a9-news-card,
.p0f5g2-news-card,
.s3l8m5-news-card,
.v6r1s8-news-card {
    min-height: 240px;
    padding: 25px 26px 27px;
    border: 1px solid rgba(209, 183, 255, .18);
    border-radius: 14px;
    background: #13132a;
    transition: border-color .2s ease, background .2s ease;
}

.m7z2a9-news-card:hover,
.p0f5g2-news-card:hover,
.s3l8m5-news-card:hover,
.v6r1s8-news-card:hover {
    border-color: rgba(218, 170, 255, .55);
    background: #191638;
}

.n8b3c0-news-meta,
.q1h6i3-news-meta,
.t4n9o6-news-meta,
.w7t2u9-news-meta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 13px;
    color: #7e7895;
    font-size: 10px;
    letter-spacing: .1em;
}

.n8b3c0-news-meta span,
.q1h6i3-news-meta span,
.t4n9o6-news-meta span,
.w7t2u9-news-meta span {
    color: #a994ff;
    font-size: 10px;
    font-weight: 700;
}

.n8b3c0-news-meta time,
.q1h6i3-news-meta time,
.t4n9o6-news-meta time,
.w7t2u9-news-meta time {
    text-align: right;
    letter-spacing: 0;
}

.n8b3c0-news-meta i,
.q1h6i3-news-meta i,
.t4n9o6-news-meta i,
.w7t2u9-news-meta i {
    color: #8bb1ff;
    font-size: 18px;
}

.o9d4e1-news-title,
.r2j7k4-news-title,
.u5p0q7-news-title,
.x8y3z0-news-title {
    margin-top: 63px;
    color: #f8f5ff;
    font-size: 22px;
    font-weight: 700;
}

.m7z2a9-news-card p,
.p0f5g2-news-card p,
.s3l8m5-news-card p,
.v6r1s8-news-card p {
    max-width: 520px;
    margin: 12px 0 0;
    color: #9691a8;
    font-size: 13px;
    line-height: 1.8;
}

.a1b6c3-faq {
    padding-bottom: 135px;
}

.f6l1m8-faq-list {
    width: min(920px, calc(100% - 80px));
    margin: 0 auto;
}

.g7n2o9-faq-item,
.j0t5u2-faq-item,
.m3z8a5-faq-item,
.p6f1g8-faq-item,
.s9l4m1-faq-item,
.v2r7s4-faq-item {
    border-top: 1px solid #ddd6e6;
}

.v2r7s4-faq-item {
    border-bottom: 1px solid #ddd6e6;
}

.h8p3q0-faq-button,
.k1v6w3-faq-button,
.n4b9c6-faq-button,
.q7h2i9-faq-button,
.t0n5o2-faq-button,
.w3t8u5-faq-button {
    width: 100%;
    min-height: 80px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    background: transparent;
    color: #211b30;
    text-align: left;
    cursor: pointer;
}

.h8p3q0-faq-button span,
.k1v6w3-faq-button span,
.n4b9c6-faq-button span,
.q7h2i9-faq-button span,
.t0n5o2-faq-button span,
.w3t8u5-faq-button span {
    display: flex;
    align-items: center;
    gap: 22px;
    font-size: 15px;
    font-weight: 650;
}

.h8p3q0-faq-button b,
.k1v6w3-faq-button b,
.n4b9c6-faq-button b,
.q7h2i9-faq-button b,
.t0n5o2-faq-button b,
.w3t8u5-faq-button b {
    color: #a287dc;
    font-size: 11px;
    letter-spacing: .1em;
}

.h8p3q0-faq-button i,
.k1v6w3-faq-button i,
.n4b9c6-faq-button i,
.q7h2i9-faq-button i,
.t0n5o2-faq-button i,
.w3t8u5-faq-button i {
    color: #8b6fc6;
    font-size: 20px;
    transition: transform .2s ease;
}

.g7n2o9-faq-item.m9x4z1-open .h8p3q0-faq-button i,
.j0t5u2-faq-item.m9x4z1-open .k1v6w3-faq-button i,
.m3z8a5-faq-item.m9x4z1-open .n4b9c6-faq-button i,
.p6f1g8-faq-item.m9x4z1-open .q7h2i9-faq-button i,
.s9l4m1-faq-item.m9x4z1-open .t0n5o2-faq-button i,
.v2r7s4-faq-item.m9x4z1-open .w3t8u5-faq-button i {
    transform: rotate(45deg);
}

.i9r4s1-faq-answer,
.l2x7y4-faq-answer,
.o5d0e7-faq-answer,
.r8j3k0-faq-answer,
.u1p6q3-faq-answer,
.x4y9z6-faq-answer {
    max-width: 710px;
    padding: 0 50px 24px 58px;
    color: #777083;
    font-size: 13px;
    line-height: 1.9;
}

.f0l5m2-review-wall {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
    column-count: 3;
    column-gap: 17px;
}

.g1n6o3-review-card,
.j4t9u6-review-card,
.m7z2a9-review-card,
.p0f5g2-review-card,
.s3l8m5-review-card,
.v6r1s8-review-card {
    display: inline-block;
    width: 100%;
    margin: 0 0 17px;
    padding: 22px;
    border: 1px solid rgba(209, 183, 255, .16);
    border-radius: 14px;
    background: #13132a;
    break-inside: avoid;
}

.j4t9u6-review-card,
.p0f5g2-review-card {
    min-height: 250px;
}

.g1n6o3-review-card,
.m7z2a9-review-card,
.s3l8m5-review-card,
.v6r1s8-review-card {
    min-height: 210px;
}

.h2p7q4-review-meta,
.k5v0w7-review-meta,
.n8b3c0-review-meta,
.q1h6i3-review-meta,
.t4n9o6-review-meta,
.w7t2u9-review-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d6cde7;
    font-size: 13px;
}

.h2p7q4-review-meta i,
.k5v0w7-review-meta i,
.n8b3c0-review-meta i,
.q1h6i3-review-meta i,
.t4n9o6-review-meta i,
.w7t2u9-review-meta i {
    margin-left: auto;
    color: #77728b;
}

.i3r8s5-review-avatar,
.l6x1y8-review-avatar,
.o9d4e1-review-avatar,
.r2j7k4-review-avatar,
.u5p0q7-review-avatar,
.x8y3z0-review-avatar {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #8275d4, #df9cf5);
    color: #1d1630;
    font-size: 13px;
    font-weight: 800;
}

.g1n6o3-review-card p,
.j4t9u6-review-card p,
.m7z2a9-review-card p,
.p0f5g2-review-card p,
.s3l8m5-review-card p,
.v6r1s8-review-card p {
    margin: 23px 0 28px;
    color: #b0aabe;
    font-size: 14px;
    line-height: 1.9;
}

.g1n6o3-review-card small,
.j4t9u6-review-card small,
.m7z2a9-review-card small,
.p0f5g2-review-card small,
.s3l8m5-review-card small,
.v6r1s8-review-card small {
    color: #77718b;
    font-size: 10px;
}

.y4z9a6-closing {
    position: relative;
    padding: 105px 0 115px;
    background: #22203d;
    overflow: hidden;
}

.y4z9a6-closing::before,
.y4z9a6-closing::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(216, 175, 255, .13);
    border-radius: 50%;
}

.y4z9a6-closing::before {
    top: -310px;
    left: -120px;
}

.y4z9a6-closing::after {
    right: -110px;
    bottom: -350px;
}

.c6e1f8-closing-inner {
    position: relative;
    z-index: 1;
    width: min(800px, calc(100% - 80px));
    margin: 0 auto;
    text-align: center;
}

.d7g2h9-closing-index {
    justify-content: center;
    color: #bd9df5;
}

.e8i3j0-closing-title {
    color: #fffaff;
    font-size: 53px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
}

.e8i3j0-closing-title em {
    color: #d7a5ff;
    font-style: normal;
}

.f9k4l1-closing-copy {
    max-width: 470px;
    margin: 20px auto 0;
    color: #b8b0c9;
    font-size: 14px;
    line-height: 1.85;
}

.g0m5n2-closing-button {
    margin-top: 30px;
}

.h1o6p3-footer {
    padding: 58px 0 23px;
    background: #080811;
    color: #ded9eb;
}

.i2q7r4-footer-main,
.v5q0r7-footer-bottom {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
}

.i2q7r4-footer-main {
    display: grid;
    grid-template-columns: 1.1fr 1.4fr .8fr;
    gap: 60px;
    padding-bottom: 48px;
}

.j3s8t5-footer-brand p {
    margin: 18px 0 0;
    color: #777385;
    font-size: 12px;
}

.l5w0x7-footer-nav > span,
.t3m8n5-footer-action > span {
    display: block;
    margin-bottom: 18px;
    color: #777385;
    font-size: 10px;
    letter-spacing: .15em;
}

.l5w0x7-footer-nav nav {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 25px;
}

.t3m8n5-footer-action {
    justify-self: end;
}

.u4o9p6-footer-download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #a782dc;
    color: #d9b9ff;
    font-size: 13px;
}

.v5q0r7-footer-bottom {
    padding-top: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: #5f5b6c;
    font-size: 10px;
    letter-spacing: .1em;
}

.v5q0r7-footer-bottom i {
    color: #9b7cf3;
    font-size: 16px;
}

@media (max-width: 760px) {
    .r8p3v0-header-inner,
    .j5r0k7-hero-layout,
    .d3j8e5-section-intro,
    .w1d6e3-section-intro,
    .i3z8a5-section-intro,
    .h2p7q4-section-intro,
    .b2d7e4-section-intro,
    .b6d1e8-section-intro,
    .h7n2i9-showcase-track,
    .a5j0k7-benefit-grid,
    .m7h2i9-process-rail,
    .l6x1y8-news-grid,
    .f6l1m8-faq-list,
    .f0l5m2-review-wall,
    .c6e1f8-closing-inner,
    .i2q7r4-footer-main,
    .v5q0r7-footer-bottom {
        width: calc(100% - 36px);
    }

    .q7n2m9-header {
        background: rgba(10, 11, 24, .82);
        backdrop-filter: blur(16px);
    }

    .r8p3v0-header-inner {
        height: 70px;
    }

    .s9x4k1-brand {
        font-size: 18px;
    }

    .c9l4d1-header-download {
        display: none;
    }

    .d0m5e2-menu-button {
        display: block;
    }

    .t0c5j2-navigation {
        position: absolute;
        top: 70px;
        right: 18px;
        left: 18px;
        display: none;
        margin: 0;
        padding: 12px;
        border: 1px solid rgba(224, 193, 255, .18);
        border-radius: 12px;
        background: rgba(21, 20, 42, .97);
        box-shadow: 0 18px 50px rgba(0, 0, 0, .3);
    }

    .t0c5j2-navigation.m1q6z2-open {
        display: grid;
        gap: 0;
    }

    .t0c5j2-navigation a {
        padding: 15px 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .t0c5j2-navigation a:last-child {
        border-bottom: 0;
    }

    .e1n6f3-hero {
        min-height: auto;
        padding: 128px 0 58px;
    }

    .j5r0k7-hero-layout {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 52px;
    }

    .m8u3n0-hero-title {
        font-size: 43px;
        line-height: 1.16;
        white-space: nowrap;
    }

    .n9v4o1-hero-description {
        margin-top: 21px;
        font-size: 14px;
        line-height: 1.85;
    }

    .o0w5p2-hero-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-top: 28px;
    }

    .p1x6q3-hero-primary {
        width: 100%;
    }

    .q2y7r4-hero-secondary {
        justify-content: center;
    }

    .r3z8s5-hero-facts {
        justify-content: space-between;
        gap: 10px;
        margin-top: 28px;
        font-size: 11px;
    }

    .s4a9t6-hero-stage {
        width: calc(100% - 10px);
        margin: 0 auto;
        transform: rotate(1deg);
    }

    .u6c1v8-stage-window {
        height: 445px;
    }

    .y0g5z2-stage-note {
        right: -6px;
        bottom: -38px;
    }

    .a1h6b3-hero-bottom {
        position: static;
        width: calc(100% - 36px);
        margin: 52px auto 0;
    }

    .a1h6b3-hero-bottom span:nth-child(3) {
        text-align: right;
    }

    .c2i7d4-showcase,
    .v0c5d2-benefits,
    .h2x7y4-process,
    .g1n6o3-news,
    .a1b6c3-faq,
    .a5b0c7-reviews {
        padding: 82px 0;
    }

    .a1b6c3-faq {
        padding-bottom: 85px;
    }

    .f5l0g7-section-title,
    .y3f8g5-section-title,
    .k5d0e7-section-title,
    .j4t9u6-section-title,
    .d4h9i6-section-title,
    .d8h3i0-section-title {
        font-size: 34px;
    }

    .d3j8e5-section-intro,
    .w1d6e3-section-intro,
    .i3z8a5-section-intro,
    .h2p7q4-section-intro,
    .b2d7e4-section-intro,
    .b6d1e8-section-intro {
        margin-bottom: 38px;
    }

    .h7n2i9-showcase-track {
        display: flex;
        gap: 13px;
        overflow-x: auto;
        padding-bottom: 9px;
        scroll-snap-type: x mandatory;
    }

    .i8o3j0-showcase-card,
    .l1r6m3-showcase-card,
    .o4u9p6-showcase-card,
    .s7x2y9-showcase-card {
        flex: 0 0 79vw;
        scroll-snap-align: start;
    }

    .i8o3j0-showcase-card img,
    .l1r6m3-showcase-card img,
    .o4u9p6-showcase-card img,
    .s7x2y9-showcase-card img {
        height: 430px;
    }

    .a5j0k7-benefit-grid {
        grid-template-columns: 1fr;
    }

    .b6l1m8-benefit-card,
    .c7n2o9-benefit-card,
    .d8p3q0-benefit-card,
    .e9r4s1-benefit-card,
    .f0t5u2-benefit-card,
    .g1v6w3-benefit-card {
        min-height: 0;
        padding: 24px 21px;
    }

    .m7h2i9-process-rail {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        padding-left: 24px;
    }

    .n8j3k0-rail-line {
        top: 28px;
        right: auto;
        bottom: 28px;
        left: 28px;
        width: 1px;
        height: auto;
        background: linear-gradient(180deg, #675c8d, #a890ff 50%, #675c8d);
    }

    .o9l4m1-process-step,
    .r2u7v4-process-step,
    .a5b0c7-process-step,
    .d8h3i0-process-step {
        display: grid;
        grid-template-columns: 57px 1fr;
        column-gap: 17px;
        align-items: center;
        text-align: left;
    }

    .p0q5r2-step-mark,
    .s3w8x5-step-mark,
    .b6d1e8-step-mark,
    .e9j4k1-step-mark {
        grid-row: 1 / span 3;
        margin: 0;
    }

    .o9l4m1-process-step i,
    .r2u7v4-process-step i,
    .a5b0c7-process-step i,
    .d8h3i0-process-step i {
        margin: 0 0 6px;
    }

    .o9l4m1-process-step p,
    .r2u7v4-process-step p,
    .a5b0c7-process-step p,
    .d8h3i0-process-step p {
        margin: 0;
    }

    .l6x1y8-news-grid {
        grid-template-columns: 1fr;
    }

    .m7z2a9-news-card,
    .p0f5g2-news-card,
    .s3l8m5-news-card,
    .v6r1s8-news-card {
        min-height: 220px;
        padding: 20px;
    }

    .n8b3c0-news-meta,
    .q1h6i3-news-meta,
    .t4n9o6-news-meta,
    .w7t2u9-news-meta {
        grid-template-columns: 1fr auto;
        gap: 7px;
    }

    .n8b3c0-news-meta time,
    .q1h6i3-news-meta time,
    .t4n9o6-news-meta time,
    .w7t2u9-news-meta time {
        grid-column: 1;
        grid-row: 2;
        text-align: left;
    }

    .n8b3c0-news-meta i,
    .q1h6i3-news-meta i,
    .t4n9o6-news-meta i,
    .w7t2u9-news-meta i {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .o9d4e1-news-title,
    .r2j7k4-news-title,
    .u5p0q7-news-title,
    .x8y3z0-news-title {
        margin-top: 45px;
        font-size: 19px;
    }

    .h8p3q0-faq-button,
    .k1v6w3-faq-button,
    .n4b9c6-faq-button,
    .q7h2i9-faq-button,
    .t0n5o2-faq-button,
    .w3t8u5-faq-button {
        min-height: 72px;
    }

    .h8p3q0-faq-button span,
    .k1v6w3-faq-button span,
    .n4b9c6-faq-button span,
    .q7h2i9-faq-button span,
    .t0n5o2-faq-button span,
    .w3t8u5-faq-button span {
        gap: 12px;
        font-size: 14px;
    }

    .i9r4s1-faq-answer,
    .l2x7y4-faq-answer,
    .o5d0e7-faq-answer,
    .r8j3k0-faq-answer,
    .u1p6q3-faq-answer,
    .x4y9z6-faq-answer {
        padding: 0 34px 22px 33px;
        font-size: 12px;
    }

    .f0l5m2-review-wall {
        column-count: 1;
    }

    .g1n6o3-review-card,
    .j4t9u6-review-card,
    .m7z2a9-review-card,
    .p0f5g2-review-card,
    .s3l8m5-review-card,
    .v6r1s8-review-card {
        min-height: 0;
        padding: 20px;
    }

    .e8i3j0-closing-title {
        font-size: 34px;
        white-space: nowrap;
    }

    .f9k4l1-closing-copy {
        font-size: 13px;
    }

    .g0m5n2-closing-button {
        width: 100%;
    }

    .i2q7r4-footer-main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 36px;
        padding-bottom: 35px;
    }

    .t3m8n5-footer-action {
        justify-self: start;
    }

    .v5q0r7-footer-bottom {
        gap: 10px;
        line-height: 1.5;
    }
}