/* brefly - brief page template */
.brief-page{max-width:760px}
.brief-page h1{font-size:clamp(28px,4.6vw,42px);font-weight:700;margin:6px 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.chips span{font-size:12.5px;color:var(--mut);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:5px 13px}
.chips b{color:var(--teal-dk)}
.brief-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;box-shadow:var(--shadow)}
.bc-tag{font-family:'Space Grotesk';font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-dk);background:var(--teal-soft);padding:4px 11px;border-radius:99px;display:inline-block;margin-bottom:14px}
.brief-page h2{font-size:22px;font-weight:700;margin:40px 0 14px}
.quotes{display:flex;flex-direction:column;gap:12px}
.quotes blockquote{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 18px;font-size:15px;font-style:italic;color:#39444b}
.who-txt{font-size:15px;color:#39444b;margin-bottom:16px}
.aff{display:inline-block;font-size:13.5px;font-weight:600;color:var(--teal-dk);border:1px dashed rgba(14,147,132,.4);border-radius:var(--r-sm);padding:9px 15px;text-decoration:none}
.aff:hover{background:var(--teal-soft)}
.cta-tool{margin-top:40px;background:linear-gradient(120deg,rgba(14,147,132,.09),rgba(232,165,32,.06));border:1px solid rgba(14,147,132,.25);border-radius:var(--r-lg);padding:22px 26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cta-tool h3{font-size:18px;margin-bottom:4px}
.cta-tool p{font-size:13.5px;color:var(--mut)}
.cta-tool .btn{margin-left:auto}
.faq-brief{display:flex;flex-direction:column;gap:10px}
.faq-brief details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px}
.faq-brief summary{font-family:'Space Grotesk';font-weight:600;font-size:14.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-brief summary::after{content:"+";font-size:18px;color:var(--teal)}
.faq-brief details[open] summary::after{content:"-"}
.faq-brief p{margin-top:8px;font-size:13.5px;color:var(--mut)}
.rel{display:flex;flex-direction:column;gap:8px}
.rel a{font-size:14.5px;font-weight:600;color:var(--teal-dk);text-decoration:none}
.rel a:hover{text-decoration:underline;text-underline-offset:3px}

/* hub */
.hub-head{padding:50px 0 8px}
.hub-head h1{font-size:clamp(30px,5vw,46px);font-weight:700;margin:8px 0 10px}
.hub-head p{color:var(--mut);font-size:16px;max-width:600px}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:34px}