.listen-public{color:#45336e;padding-bottom:60px}.listen-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:70px 0;align-items:center}.listen-kicker{font-size:12px;font-weight:800;letter-spacing:.12em}.listen-intro h1{font-size:clamp(38px,4.6vw,66px);line-height:1.1;letter-spacing:-.045em}.listen-intro h1 span{background:#d8ef69;box-decoration-break:clone;-webkit-box-decoration-break:clone}.listen-lead{font-size:18px;line-height:1.7;margin:28px 0}.listen-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.listen-button{display:inline-flex;background:#45336e;color:#fffaf1!important;border-radius:99px;padding:18px 25px;font-weight:800;min-height:56px;align-items:center}.listen-note{font-size:13px;color:#62586c;line-height:1.7;margin-top:20px}.listen-art{position:relative;text-align:center}.listen-art img{width:80%;height:auto}.listen-sticker{background:#f6a087;display:inline-block;padding:18px 24px;border:2px solid #45336e;border-radius:14px;transform:rotate(-5deg);box-shadow:5px 5px 0 #45336e}.listen-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-block:1px solid #dfd2f2;padding:35px 0}.listen-benefits h2{font-size:23px;margin:18px 0 12px}.listen-benefits p,.listen-flow p{line-height:1.7}.listen-flow{padding:45px;background:#f3edf9;border-radius:24px;margin-top:55px}.listen-flow h2{font-size:32px}.listen-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0;margin-top:35px}.listen-flow li>span{display:block;font-weight:800;color:#45336e;margin-bottom:15px}.listen-flow strong{font-size:19px}.listen-end{padding:55px 0 0}.listen-end h2{font-size:32px}.listen-end p{margin:18px 0 25px}.listen-pending{background:#dfd2f2;padding:16px;border-radius:12px}@media(max-width:800px){.listen-intro{grid-template-columns:1fr;gap:35px;padding:40px 0}.listen-lead{font-size:16px}.listen-art{max-width:340px;margin:auto}.listen-benefits{grid-template-columns:1fr}.listen-flow{padding:24px}.listen-flow ol{grid-template-columns:repeat(2,1fr)}.listen-actions{gap:16px}.listen-flow h2,.listen-end h2{font-size:27px}}@media(max-width:380px){.listen-flow ol{grid-template-columns:1fr}}