* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

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

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

button {
    font: inherit;
}

img {
    display: block;
    max-width: 100%;
}

.a1p7m3-topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid rgba(91, 48, 82, .12);
    background: rgba(255, 250, 248, .94);
    backdrop-filter: blur(16px);
}

.b2q8n4-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1180px, calc(100% - 80px));
    min-height: 76px;
    margin: 0 auto;
}

.c3r9v5-brand,
.l2b8i4-footer-brand > a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #3a203c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .02em;
}

.c3r9v5-brand img,
.l2b8i4-footer-brand img {
    width: 34px;
    height: 34px;
    border-radius: 10px;
}

.d4s0x6-primary-nav {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    margin-right: 36px;
    color: #73536d;
    font-size: 12px;
}

.d4s0x6-primary-nav a {
    position: relative;
    padding: 29px 0 27px;
    transition: color .2s ease;
}

.d4s0x6-primary-nav a::after {
    position: absolute;
    right: 0;
    bottom: 19px;
    left: 0;
    height: 2px;
    background: #ef5d83;
    content: "";
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity .2s ease, transform .2s ease;
}

.d4s0x6-primary-nav a:hover {
    color: #ef4e78;
}

.d4s0x6-primary-nav a:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

.e5u1a7-topbar-actions {
    display: flex;
    align-items: center;
}

.f6v2b8-topbar-cta,
.p6f2m8-hero-download,
.i9y5f1-closing-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-radius: 999px;
    color: #fffaf8;
    background: #ef527b;
    font-size: 12px;
    font-weight: 700;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.f6v2b8-topbar-cta {
    padding: 11px 16px;
}

.f6v2b8-topbar-cta:hover,
.p6f2m8-hero-download:hover,
.i9y5f1-closing-cta:hover {
    background: #d83f68;
    box-shadow: 0 12px 28px rgba(214, 58, 103, .2);
    transform: translateY(-2px);
}

.g7w3c9-menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(91, 48, 82, .2);
    border-radius: 12px;
    color: #542a4f;
    background: #fff7f5;
    cursor: pointer;
}

.h8x4d0-hero {
    position: relative;
    min-height: 735px;
    overflow: hidden;
    background: #fff2f4;
}

.i9y5f1-hero-gridline {
    position: absolute;
    top: 0;
    right: -7%;
    bottom: 0;
    width: 58%;
    background-image: linear-gradient(90deg, transparent 49.7%, rgba(153, 69, 112, .08) 50%, transparent 50.3%), linear-gradient(0deg, transparent 49.7%, rgba(153, 69, 112, .08) 50%, transparent 50.3%);
    background-size: 92px 92px;
    opacity: .75;
    transform: skewX(-12deg);
}

.j0z6g2-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    align-items: center;
    gap: 92px;
    width: min(1180px, calc(100% - 80px));
    min-height: 650px;
    margin: 0 auto;
}

.l2b8i4-hero-kicker,
.z6p2w8-section-code,
.r4h0o6-section-code,
.d6t2a8-section-code,
.w5m1t7-section-code,
.o3e9l5-section-code,
.i3y9f5-section-code {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 24px;
    color: #d94e76;
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .16em;
}

.l2b8i4-hero-kicker span {
    width: 35px;
    height: 1px;
    background: #ef527b;
}

.m3c9j5-hero-title {
    margin: 0;
    color: #3a203c;
    font-size: 66px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    white-space: nowrap;
}

.m3c9j5-hero-title::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 12px;
    border-radius: 50%;
    background: #ef527b;
    content: "";
    vertical-align: 8px;
}

.n4d0k6-hero-text {
    max-width: 560px;
    margin: 28px 0 0;
    color: #72556c;
    font-size: 15px;
    line-height: 2;
}

.o5e1l7-hero-actions {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 35px;
}

.p6f2m8-hero-download {
    min-width: 188px;
    padding: 16px 20px;
}

.q7g3n9-hero-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6f4d67;
    font-size: 12px;
    transition: color .2s ease;
}

.q7g3n9-hero-more:hover {
    color: #ef527b;
}

.r8h4o0-hero-modes {
    display: flex;
    gap: 25px;
    margin-top: 58px;
    color: #8d7186;
    font-size: 11px;
}

.r8h4o0-hero-modes span {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.r8h4o0-hero-modes b {
    color: #4a2c48;
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .1em;
}

.s9i5p1-hero-visual {
    position: relative;
    width: 100%;
}

.t0j6q2-visual-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 235px;
    margin: 0 auto 14px;
    color: #9b5c7d;
    font-family: Arial, sans-serif;
    font-size: 9px;
    letter-spacing: .14em;
}

.t0j6q2-visual-label i {
    color: #ef527b;
    font-size: 18px;
}

.u1k7r3-visual-frame {
    width: 330px;
    margin: 0 auto;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 28px 55px rgba(116, 47, 93, .2), 12px 15px 0 rgba(239, 82, 123, .16);
    transform: rotate(4deg);
}

.u1k7r3-visual-frame img {
    width: 100%;
    border-radius: 25px;
}

.v2l8s4-visual-note {
    position: absolute;
    right: 7px;
    bottom: 52px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border-radius: 14px;
    color: #673b5a;
    background: #fff;
    box-shadow: 0 13px 27px rgba(114, 61, 94, .14);
    font-size: 11px;
    line-height: 1.5;
    transform: rotate(-5deg);
}

.v2l8s4-visual-note i {
    color: #ef527b;
    font-size: 20px;
}

.w3m9t5-hero-foot {
    position: absolute;
    right: 40px;
    bottom: 26px;
    left: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #aa7a98;
    font-family: Arial, sans-serif;
    font-size: 9px;
    letter-spacing: .16em;
}

.w3m9t5-hero-foot i {
    color: #ef527b;
    font-size: 17px;
}

.x4n0u6-showcase-section,
.b4r0y6-process-section,
.g1w7d3-review-section {
    padding: 120px 0;
    background: #fffaf8;
}

.p2f8m4-benefit-section,
.u3k9r5-news-section,
.m1c7j3-faq-section {
    padding: 120px 0;
    background: #fff0f3;
}

.y5o1v7-section-head,
.q3g9n5-section-head,
.c5s1z7-section-head,
.v4l0s6-section-head,
.n2d8k4-section-head,
.h2x8e4-section-head {
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto 48px;
    text-align: center;
}

.z6p2w8-section-code,
.r4h0o6-section-code,
.d6t2a8-section-code,
.w5m1t7-section-code,
.o3e9l5-section-code,
.i3y9f5-section-code {
    justify-content: center;
}

.a7q3x9-section-title,
.s5i1p7-section-title,
.e7u3b9-section-title,
.x6n2u8-section-title,
.p4f0m6-section-title,
.j4z0g6-section-title {
    color: #3a203c;
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 0;
}

.b8r4y0-section-desc,
.t6j2q8-section-desc,
.f8v4c0-section-desc,
.y7o3v9-section-desc,
.q5g1n7-section-desc,
.k5a1h7-section-desc {
    margin: 14px auto 0;
    color: #8b6b83;
    font-size: 13px;
    line-height: 1.8;
}

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

.d0t6a2-showcase-card,
.g3w9d5-showcase-card,
.j6z2g8-showcase-card,
.m9c5j1-showcase-card {
    overflow: hidden;
    border: 1px solid rgba(112, 59, 99, .14);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(107, 47, 83, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.d0t6a2-showcase-card:hover,
.g3w9d5-showcase-card:hover,
.j6z2g8-showcase-card:hover,
.m9c5j1-showcase-card:hover {
    box-shadow: 0 19px 35px rgba(107, 47, 83, .12);
    transform: translateY(-5px);
}

.e1u7b3-card-top,
.h4x0e6-card-top,
.k7a3h9-card-top,
.n0d6k2-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 18px 14px;
    color: #a0728e;
    font-family: Arial, sans-serif;
    font-size: 9px;
    letter-spacing: .13em;
}

.e1u7b3-card-top i,
.h4x0e6-card-top i,
.k7a3h9-card-top i,
.n0d6k2-card-top i {
    color: #ef527b;
    font-size: 19px;
}

.d0t6a2-showcase-card > img,
.g3w9d5-showcase-card > img,
.j6z2g8-showcase-card > img,
.m9c5j1-showcase-card > img {
    width: 100%;
    height: 310px;
    object-fit: cover;
    object-position: top center;
}

.f2v8c4-card-copy,
.i5y1f7-card-copy,
.l8b4i0-card-copy,
.o1e7l3-card-copy {
    padding: 19px 18px 22px;
}

.f2v8c4-card-copy > div,
.i5y1f7-card-copy > div,
.l8b4i0-card-copy > div,
.o1e7l3-card-copy > div {
    color: #4b2948;
    font-size: 16px;
    font-weight: 700;
}

.f2v8c4-card-copy p,
.i5y1f7-card-copy p,
.l8b4i0-card-copy p,
.o1e7l3-card-copy p {
    min-height: 42px;
    margin: 8px 0 0;
    color: #927589;
    font-size: 12px;
    line-height: 1.8;
}

.u7k3r9-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
    border-top: 1px solid rgba(132, 65, 105, .16);
    border-left: 1px solid rgba(132, 65, 105, .16);
}

.v8l4s0-benefit-card,
.w9m5t1-benefit-card,
.x0n6u2-benefit-card,
.y1o7v3-benefit-card,
.z2p8w4-benefit-card,
.a3q9x5-benefit-card {
    position: relative;
    min-height: 220px;
    padding: 24px;
    border-right: 1px solid rgba(132, 65, 105, .16);
    border-bottom: 1px solid rgba(132, 65, 105, .16);
    background: rgba(255, 255, 255, .28);
    transition: background .25s ease;
}

.v8l4s0-benefit-card:hover,
.w9m5t1-benefit-card:hover,
.x0n6u2-benefit-card:hover,
.y1o7v3-benefit-card:hover,
.z2p8w4-benefit-card:hover,
.a3q9x5-benefit-card:hover {
    background: rgba(255, 255, 255, .62);
}

.v8l4s0-benefit-card > span,
.w9m5t1-benefit-card > span,
.x0n6u2-benefit-card > span,
.y1o7v3-benefit-card > span,
.z2p8w4-benefit-card > span,
.a3q9x5-benefit-card > span {
    color: #a36f8d;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

.v8l4s0-benefit-card > i,
.w9m5t1-benefit-card > i,
.x0n6u2-benefit-card > i,
.y1o7v3-benefit-card > i,
.z2p8w4-benefit-card > i,
.a3q9x5-benefit-card > i {
    position: absolute;
    top: 20px;
    right: 23px;
    color: #ef527b;
    font-size: 25px;
}

.v8l4s0-benefit-card > div,
.w9m5t1-benefit-card > div,
.x0n6u2-benefit-card > div,
.y1o7v3-benefit-card > div,
.z2p8w4-benefit-card > div,
.a3q9x5-benefit-card > div {
    margin-top: 54px;
    color: #4a2848;
    font-size: 18px;
    font-weight: 700;
}

.v8l4s0-benefit-card p,
.w9m5t1-benefit-card p,
.x0n6u2-benefit-card p,
.y1o7v3-benefit-card p,
.z2p8w4-benefit-card p,
.a3q9x5-benefit-card p {
    max-width: 250px;
    margin: 9px 0 0;
    color: #906e85;
    font-size: 12px;
    line-height: 1.8;
}

.g9w5d1-process-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
}

.h0x6e2-process-line {
    position: absolute;
    top: 26px;
    right: 9%;
    left: 9%;
    height: 2px;
    background: #f2a2b8;
}

.i1y7f3-process-step,
.l4b0i6-process-step,
.o7e3l9-process-step,
.r0h6o2-process-step {
    position: relative;
    z-index: 1;
    padding: 70px 20px 20px;
    border: 1px solid rgba(120, 71, 105, .14);
    border-radius: 16px;
    background: #fff;
}

.j2z8g4-step-number,
.m5c1j7-step-number,
.p8f4m0-step-number,
.s1i7p3-step-number {
    position: absolute;
    top: 0;
    left: 20px;
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 2px solid #ef527b;
    border-radius: 50%;
    color: #fff;
    background: #ef527b;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.i1y7f3-process-step > i,
.l4b0i6-process-step > i,
.o7e3l9-process-step > i,
.r0h6o2-process-step > i {
    display: block;
    margin-bottom: 13px;
    color: #ef527b;
    font-size: 25px;
}

.k3a9h5-step-title,
.n6d2k8-step-title,
.q9g5n1-step-title,
.t2j8q4-step-title {
    color: #4a2848;
    font-size: 16px;
    font-weight: 700;
}

.i1y7f3-process-step p,
.l4b0i6-process-step p,
.o7e3l9-process-step p,
.r0h6o2-process-step p {
    margin: 8px 0 0;
    color: #94758a;
    font-size: 12px;
    line-height: 1.8;
}

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

.a9q5x1-news-card,
.d2t8a4-news-card,
.g5w1d7-news-card,
.j8z4g0-news-card {
    min-height: 220px;
    padding: 25px;
    border: 1px solid rgba(132, 65, 105, .16);
    border-radius: 17px;
    background: rgba(255, 255, 255, .55);
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.a9q5x1-news-card:hover,
.d2t8a4-news-card:hover,
.g5w1d7-news-card:hover,
.j8z4g0-news-card:hover {
    border-color: rgba(239, 82, 123, .55);
    background: #fff;
    transform: translateY(-4px);
}

.b0r6y2-news-meta,
.e3u9b5-news-meta,
.h6x2e8-news-meta,
.k9a5h1-news-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #9c7890;
    font-family: Arial, sans-serif;
    font-size: 9px;
    letter-spacing: .08em;
}

.b0r6y2-news-meta span,
.e3u9b5-news-meta span,
.h6x2e8-news-meta span,
.k9a5h1-news-meta span {
    color: #d94e76;
}

.b0r6y2-news-meta time,
.e3u9b5-news-meta time,
.h6x2e8-news-meta time,
.k9a5h1-news-meta time {
    letter-spacing: 0;
}

.b0r6y2-news-meta i,
.e3u9b5-news-meta i,
.h6x2e8-news-meta i,
.k9a5h1-news-meta i {
    margin-left: auto;
    color: #ef527b;
    font-size: 17px;
}

.c1s7z3-news-title,
.f4v0c6-news-title,
.i7y3f9-news-title,
.l0b6i2-news-title {
    margin-top: 54px;
    color: #4b2948;
    font-size: 20px;
    font-weight: 700;
}

.a9q5x1-news-card p,
.d2t8a4-news-card p,
.g5w1d7-news-card p,
.j8z4g0-news-card p {
    max-width: 510px;
    margin: 10px 0 0;
    color: #906e85;
    font-size: 12px;
    line-height: 1.85;
}

.r6h2o8-faq-layout {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 65px;
    width: min(980px, calc(100% - 80px));
    margin: 0 auto;
}

.s7i3p9-faq-aside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 275px;
    padding: 23px;
    border-radius: 20px;
    color: #fff4f5;
    background: #3a203c;
}

.s7i3p9-faq-aside > span {
    color: #ff9cb5;
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .16em;
}

.s7i3p9-faq-aside > i {
    margin-top: auto;
    color: #ff89a7;
    font-size: 34px;
}

.s7i3p9-faq-aside > p {
    margin: 14px 0 0;
    color: #e7bfd0;
    font-size: 13px;
    line-height: 1.8;
}

.t8j4q0-faq-list {
    border-top: 1px solid rgba(132, 65, 105, .2);
}

.u9k5r1-faq-item,
.w1m7t3-faq-item,
.y3o9v5-faq-item,
.a5q1x7-faq-item,
.c7s3z9-faq-item,
.e9u5b1-faq-item {
    border-bottom: 1px solid rgba(132, 65, 105, .2);
}

.u9k5r1-faq-item button,
.w1m7t3-faq-item button,
.y3o9v5-faq-item button,
.a5q1x7-faq-item button,
.c7s3z9-faq-item button,
.e9u5b1-faq-item button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 22px 0;
    border: 0;
    color: #4a2848;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.u9k5r1-faq-item button > span,
.w1m7t3-faq-item button > span,
.y3o9v5-faq-item button > span,
.a5q1x7-faq-item button > span,
.c7s3z9-faq-item button > span,
.e9u5b1-faq-item button > span {
    font-size: 14px;
    font-weight: 700;
}

.u9k5r1-faq-item button b,
.w1m7t3-faq-item button b,
.y3o9v5-faq-item button b,
.a5q1x7-faq-item button b,
.c7s3z9-faq-item button b,
.e9u5b1-faq-item button b {
    display: inline-block;
    width: 39px;
    color: #ef527b;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
}

.u9k5r1-faq-item button i,
.w1m7t3-faq-item button i,
.y3o9v5-faq-item button i,
.a5q1x7-faq-item button i,
.c7s3z9-faq-item button i,
.e9u5b1-faq-item button i {
    color: #ef527b;
    font-size: 20px;
}

.v0l6s2-faq-answer,
.x2n8u4-faq-answer,
.z4p0w6-faq-answer,
.b6r2y8-faq-answer,
.d8t4a0-faq-answer,
.f0v6c2-faq-answer {
    max-width: 670px;
    padding: 0 0 22px 39px;
    color: #8d6c82;
    font-size: 12px;
    line-height: 1.9;
}

.l6b2i8-review-wall {
    columns: 3;
    column-gap: 18px;
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
}

.m7c3j9-review-card,
.p0f6m2-review-card,
.s3i9p5-review-card,
.v6l2s8-review-card,
.y9o5v1-review-card,
.b2r8y4-review-card {
    display: inline-block;
    width: 100%;
    margin: 0 0 18px;
    padding: 22px;
    border: 1px solid rgba(112, 59, 99, .13);
    border-radius: 17px;
    background: #fff;
    break-inside: avoid;
    box-shadow: 0 8px 24px rgba(107, 47, 83, .05);
}

.p0f6m2-review-card,
.v6l2s8-review-card {
    background: #fff3f5;
}

.n8d4k0-review-meta,
.q1g7n3-review-meta,
.t4j0q6-review-meta,
.w7m3t9-review-meta,
.z0p6w2-review-meta,
.c3s9z5-review-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #5f3b58;
    font-size: 12px;
}

.o9e5l1-review-avatar,
.r2h8o4-review-avatar,
.u5k1r7-review-avatar,
.x8n4u0-review-avatar,
.a1q7x3-review-avatar,
.d4t0a6-review-avatar {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #ef527b;
    font-size: 11px;
}

.n8d4k0-review-meta i,
.q1g7n3-review-meta i,
.t4j0q6-review-meta i,
.w7m3t9-review-meta i,
.z0p6w2-review-meta i,
.c3s9z5-review-meta i {
    margin-left: auto;
    color: #b287a0;
}

.m7c3j9-review-card > p,
.p0f6m2-review-card > p,
.s3i9p5-review-card > p,
.v6l2s8-review-card > p,
.y9o5v1-review-card > p,
.b2r8y4-review-card > p {
    margin: 18px 0 22px;
    color: #6b4a64;
    font-size: 13px;
    line-height: 1.9;
}

.m7c3j9-review-card small,
.p0f6m2-review-card small,
.s3i9p5-review-card small,
.v6l2s8-review-card small,
.y9o5v1-review-card small,
.b2r8y4-review-card small {
    color: #ae8ba0;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

.e5u1b7-closing-section {
    padding: 92px 0;
    background: #ef527b;
}

.g7w3d9-closing-inner {
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
    text-align: center;
}

.h8x4e0-closing-title {
    color: #fff;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
}

.h8x4e0-closing-title em {
    color: #3a203c;
    font-style: normal;
}

.i9y5f1-closing-cta {
    margin-top: 31px;
    padding: 15px 23px;
    color: #3a203c;
    background: #fff;
}

.i9y5f1-closing-cta:hover {
    color: #3a203c;
    background: #ffe5eb;
}

.j0z6g2-footer {
    padding: 58px 0 22px;
    color: #e5cbd8;
    background: #28172c;
}

.k1a7h3-footer-top {
    display: grid;
    grid-template-columns: 1.25fr 1fr .72fr;
    gap: 60px;
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
}

.l2b8i4-footer-brand > a {
    color: #fff5f6;
}

.l2b8i4-footer-brand p {
    max-width: 230px;
    margin: 18px 0 0;
    color: #b792a8;
    font-size: 12px;
    line-height: 1.8;
}

.m3c9j5-footer-links > span,
.n4d0k6-footer-action > span {
    display: block;
    color: #e981a0;
    font-family: Arial, sans-serif;
    font-size: 9px;
    letter-spacing: .15em;
}

.m3c9j5-footer-links nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 22px;
    margin-top: 18px;
}

.m3c9j5-footer-links nav a {
    color: #d9bccc;
    font-size: 12px;
    transition: color .2s ease;
}

.m3c9j5-footer-links nav a:hover {
    color: #ff9cb5;
}

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

.n4d0k6-footer-action > a {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 18px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ff8fab;
    color: #ffadc0;
    font-size: 13px;
    transition: color .2s ease, border-color .2s ease;
}

.n4d0k6-footer-action > a:hover {
    border-color: #fff;
    color: #fff;
}

.o5e1l7-footer-bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1180px, calc(100% - 80px));
    margin: 38px auto 0;
    padding: 16px 27px 0 0;
    border-top: 1px solid rgba(255, 198, 213, .16);
    color: #a77f98;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

.o5e1l7-footer-bottom > i {
    position: absolute;
    top: 17px;
    right: 0;
    color: #ff8fab;
    font-size: 15px;
}

@media (max-width: 760px) {
    .b2q8n4-topbar-inner,
    .j0z6g2-hero-inner,
    .w3m9t5-hero-foot,
    .y5o1v7-section-head,
    .q3g9n5-section-head,
    .c5s1z7-section-head,
    .v4l0s6-section-head,
    .n2d8k4-section-head,
    .h2x8e4-section-head,
    .c9s5z1-showcase-row,
    .u7k3r9-benefit-grid,
    .g9w5d1-process-list,
    .z8p4w0-news-grid,
    .r6h2o8-faq-layout,
    .l6b2i8-review-wall,
    .g7w3d9-closing-inner,
    .k1a7h3-footer-top,
    .o5e1l7-footer-bottom {
        width: calc(100% - 40px);
    }

    .b2q8n4-topbar-inner {
        min-height: 68px;
    }

    .d4s0x6-primary-nav {
        position: absolute;
        top: 68px;
        right: 20px;
        left: 20px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin: 0;
        padding: 8px;
        border: 1px solid rgba(91, 48, 82, .15);
        border-radius: 15px;
        background: rgba(255, 250, 248, .98);
        box-shadow: 0 18px 38px rgba(91, 48, 82, .14);
    }

    .d4s0x6-primary-nav.z7x3p1-open {
        display: flex;
    }

    .d4s0x6-primary-nav a {
        padding: 12px 13px;
        border-bottom: 1px solid rgba(91, 48, 82, .08);
    }

    .d4s0x6-primary-nav a::after {
        display: none;
    }

    .d4s0x6-primary-nav a:last-child {
        border-bottom: 0;
    }

    .f6v2b8-topbar-cta {
        display: none;
    }

    .g7w3c9-menu-toggle {
        display: block;
    }

    .h8x4d0-hero {
        min-height: auto;
    }

    .i9y5f1-hero-gridline {
        right: -45%;
        width: 125%;
        background-size: 70px 70px;
    }

    .j0z6g2-hero-inner {
        display: block;
        min-height: auto;
        padding: 85px 0 68px;
    }

    .m3c9j5-hero-title {
        font-size: 28px;
    }

    .m3c9j5-hero-title::after {
        width: 8px;
        height: 8px;
        margin-left: 7px;
        vertical-align: 4px;
    }

    .n4d0k6-hero-text {
        margin-top: 22px;
        font-size: 13px;
        line-height: 1.9;
    }

    .o5e1l7-hero-actions {
        display: block;
        margin-top: 29px;
    }

    .p6f2m8-hero-download {
        width: 100%;
        min-width: 0;
    }

    .q7g3n9-hero-more {
        margin-top: 18px;
    }

    .r8h4o0-hero-modes {
        gap: 17px;
        margin-top: 42px;
    }

    .s9i5p1-hero-visual {
        width: 100%;
        margin-top: 48px;
    }

    .u1k7r3-visual-frame {
        width: 275px;
        padding: 7px;
        border-radius: 27px;
    }

    .u1k7r3-visual-frame img {
        border-radius: 20px;
    }

    .v2l8s4-visual-note {
        right: 0;
        bottom: 42px;
        padding: 10px 12px;
        font-size: 10px;
    }

    .w3m9t5-hero-foot {
        right: 20px;
        bottom: 20px;
        left: 20px;
        font-size: 8px;
    }

    .x4n0u6-showcase-section,
    .p2f8m4-benefit-section,
    .b4r0y6-process-section,
    .u3k9r5-news-section,
    .m1c7j3-faq-section,
    .g1w7d3-review-section {
        padding: 78px 0;
    }

    .y5o1v7-section-head,
    .q3g9n5-section-head,
    .c5s1z7-section-head,
    .v4l0s6-section-head,
    .n2d8k4-section-head,
    .h2x8e4-section-head {
        margin-bottom: 32px;
    }

    .a7q3x9-section-title,
    .s5i1p7-section-title,
    .e7u3b9-section-title,
    .x6n2u8-section-title,
    .p4f0m6-section-title,
    .j4z0g6-section-title {
        font-size: 31px;
    }

    .b8r4y0-section-desc,
    .t6j2q8-section-desc,
    .f8v4c0-section-desc,
    .y7o3v9-section-desc,
    .q5g1n7-section-desc,
    .k5a1h7-section-desc {
        font-size: 12px;
    }

    .c9s5z1-showcase-row {
        display: flex;
        gap: 13px;
        padding-bottom: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-color: #ef527b transparent;
        scrollbar-width: thin;
    }

    .d0t6a2-showcase-card,
    .g3w9d5-showcase-card,
    .j6z2g8-showcase-card,
    .m9c5j1-showcase-card {
        flex: 0 0 76vw;
        scroll-snap-align: start;
    }

    .d0t6a2-showcase-card > img,
    .g3w9d5-showcase-card > img,
    .j6z2g8-showcase-card > img,
    .m9c5j1-showcase-card > img {
        height: 340px;
    }

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

    .v8l4s0-benefit-card,
    .w9m5t1-benefit-card,
    .x0n6u2-benefit-card,
    .y1o7v3-benefit-card,
    .z2p8w4-benefit-card,
    .a3q9x5-benefit-card {
        min-height: 210px;
        padding: 19px 15px;
    }

    .v8l4s0-benefit-card > div,
    .w9m5t1-benefit-card > div,
    .x0n6u2-benefit-card > div,
    .y1o7v3-benefit-card > div,
    .z2p8w4-benefit-card > div,
    .a3q9x5-benefit-card > div {
        margin-top: 50px;
        font-size: 14px;
    }

    .v8l4s0-benefit-card p,
    .w9m5t1-benefit-card p,
    .x0n6u2-benefit-card p,
    .y1o7v3-benefit-card p,
    .z2p8w4-benefit-card p,
    .a3q9x5-benefit-card p {
        font-size: 11px;
    }

    .g9w5d1-process-list {
        display: block;
    }

    .h0x6e2-process-line {
        top: 25px;
        right: auto;
        bottom: 25px;
        left: 25px;
        width: 2px;
        height: auto;
        background: #f2a2b8;
    }

    .i1y7f3-process-step,
    .l4b0i6-process-step,
    .o7e3l9-process-step,
    .r0h6o2-process-step {
        min-height: 120px;
        margin-bottom: 18px;
        padding: 24px 17px 20px 76px;
    }

    .i1y7f3-process-step:last-child,
    .l4b0i6-process-step:last-child,
    .o7e3l9-process-step:last-child,
    .r0h6o2-process-step:last-child {
        margin-bottom: 0;
    }

    .j2z8g4-step-number,
    .m5c1j7-step-number,
    .p8f4m0-step-number,
    .s1i7p3-step-number {
        top: 18px;
        left: 0;
    }

    .z8p4w0-news-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .a9q5x1-news-card,
    .d2t8a4-news-card,
    .g5w1d7-news-card,
    .j8z4g0-news-card {
        min-height: 195px;
        padding: 20px;
    }

    .c1s7z3-news-title,
    .f4v0c6-news-title,
    .i7y3f9-news-title,
    .l0b6i2-news-title {
        margin-top: 42px;
        font-size: 17px;
    }

    .r6h2o8-faq-layout {
        display: block;
    }

    .s7i3p9-faq-aside {
        min-height: 145px;
        margin-bottom: 28px;
    }

    .s7i3p9-faq-aside > i {
        margin-top: 16px;
    }

    .u9k5r1-faq-item button > span,
    .w1m7t3-faq-item button > span,
    .y3o9v5-faq-item button > span,
    .a5q1x7-faq-item button > span,
    .c7s3z9-faq-item button > span,
    .e9u5b1-faq-item button > span {
        padding-right: 12px;
        font-size: 13px;
    }

    .v0l6s2-faq-answer,
    .x2n8u4-faq-answer,
    .z4p0w6-faq-answer,
    .b6r2y8-faq-answer,
    .d8t4a0-faq-answer,
    .f0v6c2-faq-answer {
        padding-left: 39px;
    }

    .l6b2i8-review-wall {
        columns: 1;
    }

    .e5u1b7-closing-section {
        padding: 70px 0;
    }

    .h8x4e0-closing-title {
        font-size: 26px;
        white-space: nowrap;
    }

    .i9y5f1-closing-cta {
        margin-top: 25px;
    }

    .k1a7h3-footer-top {
        display: block;
    }

    .m3c9j5-footer-links {
        margin: 31px 0;
    }

    .n4d0k6-footer-action {
        justify-self: auto;
    }

    .o5e1l7-footer-bottom {
        display: block;
        line-height: 1.8;
    }

    .o5e1l7-footer-bottom span {
        display: block;
    }

    .o5e1l7-footer-bottom span + span {
        margin-top: 4px;
    }
}
