@import url('/css/pavowings-base.css');

/* Additive homepage and customer workspace styles. */
.audience-grid,.next-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.audience-card{position:relative;display:block;padding:42px;border:1px solid var(--detail-ddd7c9);border-radius:16px;background:var(--detail-f2e9da);color:inherit;text-decoration:none;overflow:hidden}
.audience-card.older-card{background:var(--detail-e4ebe3)}.audience-card h3{font-family:Georgia,serif;font-size:clamp(26px,3vw,38px);line-height:1.18;max-width:390px;margin:18px 0}.audience-card p:not(.eyebrow){max-width:420px;line-height:1.8}.audience-card .text-link{display:inline-block;margin-top:18px}.audience-symbol{display:block;font-size:58px;line-height:1;color:var(--detail-8d5e38);margin-bottom:30px}.older-card .audience-symbol{color:var(--detail-315e53)}
.reassurance{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--detail-ddd7c9);padding-top:60px}.reassurance h2{font-size:clamp(30px,4vw,48px);font-family:Georgia,serif;line-height:1.16}.reassurance p{line-height:1.8}.reassurance-items p{margin:0;padding:18px 0;border-bottom:1px solid var(--detail-ddd7c9)}.reassurance-items strong,.reassurance-items span{display:block}.reassurance-items span{color:var(--detail-59645f);font-size:14px;margin-top:4px}
.faq-section{max-width:900px}.faq-list{border-top:1px solid var(--detail-d6d5ca)}.faq-list details{padding:22px 0;border-bottom:1px solid var(--detail-d6d5ca)}.faq-list summary{cursor:pointer;font-weight:600;font-size:17px;line-height:1.6;padding-right:12px}.faq-list details p{line-height:1.85;color:var(--detail-53635d);max-width:720px;margin:18px 0 2px}.faq-contact{margin-top:28px}.next-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px}.next-action{border:1px solid var(--detail-d8dfd4);border-radius:12px;padding:24px;background:var(--detail-f2f5ee)}.next-action h3{font:25px/1.2 Georgia,serif;margin:16px 0}.next-action p{line-height:1.7;font-size:14px}.next-action .eyebrow{font-size:10px;overflow-wrap:anywhere}.next-action .button{margin-top:8px}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--detail-96723a);outline-offset:5px}
@media(max-width:760px){.audience-grid,.next-action-grid,.reassurance{grid-template-columns:1fr}.audience-card{padding:28px}.reassurance{gap:20px}.next-action-grid{gap:14px}.faq-list summary{font-size:16px}.header nav{flex-wrap:wrap}.header{gap:16px}}