/* The existing homepage audience bento, scoped to personal setup. */
.ki-setup.ki-setup-bento{display:block;margin-block:100px 110px}
.ki-setup-bento .audience-grid{grid-template-columns:1.65fr 1fr 1fr;gap:24px;align-items:stretch}
.ki-setup-bento .audience-intro{grid-column:auto;grid-row:span 2;min-height:0;padding:35px;border-radius:var(--radius,36px)}
.ki-setup-bento .audience-intro h2{max-width:none;font:700 41px/1.12 var(--font-display,Poppins,sans-serif);letter-spacing:-1px}
.ki-setup-bento .audience-intro>p{position:relative;z-index:1;max-width:310px;margin:22px 0 0;font:400 16px/1.5 var(--font-body,Inter,sans-serif);color:#4f4f4f}
.ki-setup-bento .audience-sticker{width:500px;right:-120px;bottom:-120px}
.ki-setup-bento .audience-sticker img{width:100%;height:auto}
.ki-setup-bento .audience-card{cursor:default;aspect-ratio:1;min-height:0;padding:26px 26px 30px;border-radius:var(--radius,36px)}
.ki-setup-bento .audience-card h3{font:600 22px/1.2 var(--font-body,Inter,sans-serif);letter-spacing:-.04em}
.ki-setup-bento .audience-card .ki-setup-number{font:500 45px/1 var(--font-display,Poppins,sans-serif);letter-spacing:-.05em;margin-bottom:25px}
.ki-setup-bento .audience-card p{font:400 16px/1.5 var(--font-body,Inter,sans-serif);margin-top:18px}
.ki-setup-bento .audience-question{background:var(--berry,#a3195b);color:#fff}
.ki-setup-bento .audience-question>.audience-symbol{color:var(--lemon,#e6e51e);margin-bottom:19px}
.ki-setup-bento .audience-question>p{color:#ffffffe0;margin-top:13px}
.ki-setup-bento .text-link{display:inline-flex;font:400 16px/1.5 var(--font-body,Inter,sans-serif);margin-top:12px;gap:14px}
.ki-setup-bento .audience-card,
.ki-setup-bento .audience-card:hover,
.ki-setup-bento .audience-card h3,
.ki-setup-bento .audience-card:hover h3,
.ki-setup-bento .audience-card .audience-symbol,
.ki-setup-bento .audience-card:hover .audience-symbol{transform:none;transition:none;box-shadow:none}
.ki-setup-bento .audience-card:hover .text-link span{transform:none}
.ki-setup-bento .text-link:hover{border-bottom-color:transparent}
.ki-setup-bento .text-link:focus-visible{outline:3px solid #fff;outline-offset:5px}

@media(min-width:601px) and (max-width:1100px){
  .ki-setup-bento .audience-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:20px}
  .ki-setup-bento .audience-intro{grid-column:1/-1;grid-row:auto;min-height:330px;padding:30px}
  .ki-setup-bento .audience-intro h2{max-width:60%;font-size:36px}
  .ki-setup-bento .audience-intro>p{max-width:340px}
  .ki-setup-bento .audience-sticker{width:380px;right:-75px;bottom:-95px}
  .ki-setup-bento .audience-card{padding:28px;aspect-ratio:1}
}
@media(max-width:760px){
  .ki-setup.ki-setup-bento{margin-block:57px 58px}
}
@media(max-width:600px){
  .ki-setup-bento .audience-grid{display:flex;flex-direction:column;gap:20px}
  .ki-setup-bento .audience-intro{min-height:390px;padding:29px 26px;border-radius:28px}
  .ki-setup-bento .audience-intro h2{font-size:29px;max-width:none;letter-spacing:-.025em}
  .ki-setup-bento .audience-intro>p{max-width:290px;margin-top:18px}
  .ki-setup-bento .audience-sticker{width:330px;right:-88px;bottom:-125px}
  .ki-setup-bento .audience-card{display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:14px;align-items:start;aspect-ratio:auto;min-height:0;padding:25px 26px 28px;border-radius:28px}
  .ki-setup-bento .audience-card .audience-symbol{grid-row:1/3;margin:0;font-size:34px;line-height:1}
  .ki-setup-bento .audience-card h3{grid-column:2;font-size:22px}
  .ki-setup-bento .audience-card h3 br{display:none}
  .ki-setup-bento .audience-card p{grid-column:2;margin-top:12px}
  .ki-setup-bento .text-link{grid-column:2;margin-top:15px;width:fit-content}
}
@media(max-width:350px){
  .ki-setup-bento .audience-intro{padding-inline:23px;min-height:410px}
  .ki-setup-bento .audience-intro h2{font-size:28px}
  .ki-setup-bento .audience-sticker{width:300px;right:-82px;bottom:-115px}
  .ki-setup-bento .audience-card{padding:25px 22px 28px;grid-template-columns:32px minmax(0,1fr);column-gap:12px}
  .ki-setup-bento .audience-card h3{font-size:21px}
}

@media(max-width:600px){.ki-setup-bento .audience-card .ki-setup-number{font-size:34px;line-height:1;margin:0}}
