.page-section { padding: 108px 0; }
        .section-intro { max-width: 770px; margin: 0 auto 45px; text-align: center; }
        .section-label { margin-bottom: 12px; color: var(--pink); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .11em; }
        .section-heading { margin-bottom: 17px; font-size: clamp(40px, 5.3vw, 65px); line-height: 1.02; letter-spacing: -.058em; }
        .section-heading span { color: var(--pink); }
        .section-summary { max-width: 680px; margin: 0 auto; color: var(--muted); font-size: 17px; }

        .benefits { background: var(--bg); }
        .benefits-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
        .benefit-item { min-height: 270px; padding: 27px 23px; border: 1px solid var(--line); border-radius: 23px; background: #fff; box-shadow: 0 10px 35px rgba(49,36,78,.06); transition: transform .2s ease, box-shadow .2s ease; }
        .benefit-item:hover { transform: translateY(-5px); box-shadow: 0 18px 42px rgba(49,36,78,.11); }
        .benefit-illustration { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 29px; border-radius: 18px; background: #f8f8fb; }
        .benefit-illustration img { width: 42px; height: 42px; }
        .benefit-item h3 { margin-bottom: 10px; font-size: 20px; letter-spacing: -.035em; }
        .benefit-item p { margin-bottom: 0; color: var(--muted); font-size: 14px; }

        .setup-guide { background: #fff; }
        .setup-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
        .setup-item { position: relative; min-height: 310px; padding: 31px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: #fff; box-shadow: 0 12px 36px rgba(49,36,78,.07); }
        .setup-item::after { content: ''; position: absolute; width: 150px; height: 150px; right: -75px; bottom: -75px; border-radius: 50%; background: rgba(248,47,113,.07); }
        .setup-item__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 43px; }
        .setup-illustration { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 22px; background: var(--pink-soft); }
        .setup-illustration img { width: 56px; height: 56px; }
        .setup-number { color: #e2e2ea; font-size: 40px; font-weight: 900; line-height: 1; }
        .setup-item h3 { margin-bottom: 11px; font-size: 24px; letter-spacing: -.04em; }
        .setup-item p { position: relative; z-index: 1; margin-bottom: 0; color: var(--muted); }
        .setup-action { margin-top: 36px; text-align: center; }

        .inbox-section { background: var(--ink); color: #fff; overflow: hidden; }
        .inbox-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; }
        .inbox-copy .section-label { color: #ff9cbd; }
        .inbox-copy .section-heading { margin-bottom: 18px; }
        .inbox-copy .section-heading span { color: #ff79a7; }
        .inbox-copy .section-summary { margin: 0 0 29px; color: #a9aabc; }
        .inbox-points { display: grid; gap: 11px; margin: 28px 0 31px; }
        .inbox-point { display: flex; align-items: center; gap: 12px; color: #d1d1dc; font-size: 14px; }
        .inbox-point b { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: rgba(248,47,113,.18); color: #ff79a7; }
        .inbox-preview { position: relative; min-height: 540px; padding: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 31px; background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.045)); box-shadow: 0 30px 70px rgba(0,0,0,.22); }
        .inbox-preview::before { content: ''; position: absolute; width: 330px; height: 330px; right: -140px; top: -140px; border-radius: 50%; background: rgba(248,47,113,.28); filter: blur(10px); }
        .inbox-preview__header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.12); }
        .inbox-preview__header strong { font-size: 18px; }
        .inbox-preview__header span { padding: 7px 10px; border-radius: 999px; background: rgba(57,200,200,.17); color: #7ce1e1; font-size: 11px; font-weight: 900; }
        .message-list { position: relative; display: grid; gap: 12px; margin-top: 23px; }
        .message-card { padding: 17px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.075); }
        .message-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 8px; }
        .message-meta b { color: #ff8bb3; font-size: 12px; }
        .message-meta span { color: #7f8094; font-size: 11px; }
        .message-card p { margin-bottom: 11px; color: #e0e0e8; font-size: 14px; }
        .message-reaction { display: inline-flex; align-items: center; gap: 5px; color: #b6b6c6; font-size: 11px; }

        .safety-section { background: #fff; }
        .safety-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
        .moderation-panel, .platform-panel { min-height: 470px; padding: 46px; border-radius: 30px; }
        .moderation-panel { background: linear-gradient(145deg, #f5f0fa, #fff); border: 1px solid #ece6f2; }
        .platform-panel { background: linear-gradient(145deg, #fff1f6, #fff); border: 1px solid #f8dbe6; }
        .panel-illustration { width: 74px; height: 74px; display: grid; place-items: center; margin-bottom: 30px; border-radius: 23px; background: #fff; box-shadow: 0 12px 28px rgba(49,36,78,.09); }
        .panel-illustration img { width: 52px; height: 52px; }
        .moderation-panel h2, .platform-panel h2 { margin-bottom: 16px; font-size: clamp(34px, 4.3vw, 50px); line-height: 1.04; letter-spacing: -.052em; }
        .moderation-panel p, .platform-panel p { color: var(--muted); }
        .feature-checklist { display: grid; gap: 10px; margin: 26px 0 31px; }
        .feature-checklist span { display: flex; align-items: flex-start; gap: 10px; color: #606275; font-size: 14px; }
        .feature-checklist b { color: var(--pink); }

        .billing-section { background: var(--bg); }
        .billing-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; }
        .billing-intro { position: sticky; top: 20px; }
        .billing-intro .section-summary { margin: 0; }
        .billing-list { display: grid; gap: 13px; }
        .billing-item { padding: 24px; border: 1px solid var(--line); border-radius: 21px; background: #fff; box-shadow: 0 8px 28px rgba(49,36,78,.055); }
        .billing-item span { display: inline-grid; place-items: center; width: 36px; height: 36px; margin-bottom: 15px; border-radius: 12px; background: var(--pink-soft); color: var(--pink); font-weight: 900; }
        .billing-item h3 { margin-bottom: 7px; font-size: 19px; }
        .billing-item p { margin-bottom: 0; color: var(--muted); font-size: 14px; }

        .questions-section { background: #fff; }
        .questions-list { max-width: 870px; margin: 0 auto; display: grid; gap: 11px; }
        details { border: 1px solid var(--line); border-radius: 19px; background: #fff; box-shadow: 0 7px 24px rgba(49,36,78,.055); }
        summary { position: relative; padding: 21px 58px 21px 22px; list-style: none; cursor: pointer; font-weight: 800; }
        summary::-webkit-details-marker { display: none; }
        summary::after { content: '+'; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: var(--pink-soft); color: var(--pink); font-size: 20px; }
        details[open] summary::after { content: '−'; }
        details p { margin: 0; padding: 0 22px 22px; color: var(--muted); font-size: 14px; }

        .closing-section { padding: 82px 0; background: var(--gradient); color: #fff; }
        .closing-layout { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
        .closing-section h2 { max-width: 760px; margin-bottom: 10px; font-size: clamp(40px, 5.3vw, 65px); line-height: 1; letter-spacing: -.057em; }
        .closing-section p { margin-bottom: 0; color: rgba(255,255,255,.84); font-size: 17px; }

        .page-footer { padding: 66px 0 28px; background: var(--ink); color: #fff; }
        .footer-layout { display: grid; grid-template-columns: .9fr 1.35fr; gap: 70px; padding-bottom: 43px; }
        .footer-summary img { width: 130px; filter: brightness(0) invert(1); margin-bottom: 22px; }
        .footer-summary p { max-width: 470px; margin-bottom: 0; color: #9d9eaf; font-size: 14px; }
        .footer-menu { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px; align-content: start; }
        .footer-menu a { color: #c8c8d3; font-size: 13px; }
        .footer-menu a:hover { color: #ff86ae; }
        .footer-legal { display: flex; justify-content: space-between; gap: 36px; padding-top: 27px; border-top: 1px solid rgba(255,255,255,.13); color: #858697; font-size: 12px; }
        .footer-legal p { margin-bottom: 4px; }
        .footer-legal address { max-width: 560px; margin: 0; font-style: normal; }
        .footer-legal a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

        .privacy-notice { position: fixed; z-index: 20; right: 18px; bottom: 18px; width: min(520px, calc(100% - 36px)); display: flex; align-items: center; gap: 17px; padding: 15px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.95); box-shadow: 0 18px 50px rgba(49,36,78,.18); backdrop-filter: blur(12px); font-size: 12px; }
        .privacy-notice span { flex: 1; color: #686a7b; }
        .privacy-notice a { text-decoration: underline; }
        .privacy-notice button { min-height: 40px; padding: 0 17px; border: 0; border-radius: 12px; background: var(--pink); color: #fff; font-weight: 900; cursor: pointer; }
