.audience { padding-bottom: 94px; }
.audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.audience-grid article { border: 1px solid var(--line); background: rgba(255,255,255,.36); border-radius: 18px; padding: 32px; }
.audience-grid article:last-child { background: var(--green); color: var(--paper); border-color: var(--green); }
.audience-number { color: var(--green); display: block; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.audience-grid article:last-child .audience-number { color: var(--lime); }
.audience-grid h3 { font: 600 25px/1.16 var(--display); letter-spacing: -.055em; margin: 20px 0 22px; max-width: 330px; }
.audience-grid ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 13px; }
.audience-grid li { color: var(--muted); font-size: 14px; line-height: 1.5; padding-left: 24px; position: relative; }
.audience-grid article:last-child li { color: rgba(246,243,236,.77); }
.audience-grid li::before { content: "✓"; color: var(--green); font-weight: 700; left: 0; position: absolute; }
.audience-grid article:last-child li::before { color: var(--lime); }
.why-bicoja { background: #e7eee8; padding: 105px 0; }
.why-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 55px; }
.why-heading h2, .faq h2 { font: 600 clamp(31px,4vw,51px)/1.1 var(--display); letter-spacing: -.06em; margin: 0; }
.why-heading p { color: var(--muted); font-size: 15px; line-height: 1.65; max-width: 330px; margin: 0; }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.why-grid article { min-height: 230px; border-right: 1px solid var(--line); padding: 26px 25px 0 0; }
.why-grid article + article { padding-left: 25px; }
.why-grid article:last-child { border: 0; }
.why-grid b { color: var(--green); font-size: 11px; letter-spacing: .1em; }
.why-grid h3 { font: 600 18px/1.25 var(--display); letter-spacing: -.04em; margin: 30px 0 11px; }
.why-grid p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 0; }
.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }
.faq h2 em { color: var(--green); font-style: normal; }
.faq details { border-top: 1px solid var(--line); padding: 19px 0; }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; font: 600 16px var(--display); letter-spacing: -.035em; list-style: none; padding-right: 24px; position: relative; }
.faq summary::after { content: "+"; color: var(--green); font-size: 22px; font-weight: 400; position: absolute; right: 0; top: -5px; }
.faq details[open] summary::after { content: "−"; }
.faq details p { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 13px 22px 0 0; }
@media (max-width: 780px) { .audience { padding-bottom: 52px; } .audience-grid, .why-grid, .faq-layout { display: block; } .audience-grid article + article { margin-top: 14px; } .audience-grid article { padding: 27px 23px; } .why-bicoja { padding: 76px 0; } .why-heading { display: block; margin-bottom: 32px; } .why-heading p { margin-top: 18px; } .why-grid article, .why-grid article + article { border-right: 0; border-bottom: 1px solid var(--line); min-height: 0; padding: 22px 0; } .why-grid h3 { margin: 14px 0 8px; } .faq-layout { margin-top: 26px; } }