/* Native disclosure keeps content accessible without a second animation loop. */
.benefit-row{display:block;padding:0}
.benefit-row:last-child{border-bottom:1px solid var(--line)}
.benefit-row summary{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:25px;align-items:center;padding:34px 0;cursor:pointer;list-style:none}
.benefit-row summary::-webkit-details-marker{display:none}
.benefit-row summary::marker{content:''}
.benefit-row h3{margin:0;line-height:1.14;transition:color .18s ease,transform .22s var(--ease)}
.benefit-row summary:hover h3{color:var(--accent);transform:translateX(3px)}
.benefit-answer{padding:0 45px 34px 57px}
.benefit-toggle{position:relative;display:block;width:20px;height:20px}
.benefit-toggle::before,.benefit-toggle::after{content:'';position:absolute;left:1px;right:1px;top:9px;height:1px;background:currentColor}
.benefit-toggle::after{transform:rotate(90deg);transition:transform .22s var(--ease)}
.benefit-row[open] .benefit-toggle::after{transform:rotate(0)}

/* A quiet business-first selector, with no autonomous motion. */
.audience .tabs{width:fit-content;max-width:100%;margin-inline:auto;padding:6px;gap:6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 58%,transparent)}
.audience .tabs button{position:relative;min-width:200px;gap:32px;padding:14px 25px;border:1px solid transparent;border-radius:999px;background:transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}
.audience .tabs button[aria-selected=true]{background:var(--text);color:var(--bg)}
.audience .tabs button span{font-size:18px}
.audience .tabs #tab-business{padding-left:42px;border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--yellow) 5%,transparent));color:var(--text)}
.audience .tabs #tab-business::before{content:'';position:absolute;left:23px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--accent)}
.audience .tabs #tab-business[aria-selected=true]{background:linear-gradient(110deg,#6aad42,#b9cd59);border-color:#a8c45e;color:#11170f}
.audience .tabs #tab-business[aria-selected=true]::before{background:#25491a}
.audience .tabs #tab-business:hover{border-color:var(--accent)}

/* Give the complete mark room for its capital and lower-case descenders. */
.site-footer .footer-wordmark{width:calc(100% - 2 * var(--pad));max-width:1600px;height:auto;margin-inline:auto;padding:.1em 0 .22em;overflow:visible;font-size:clamp(28px,9.45vw,170px);line-height:1.2;letter-spacing:-.055em}
@media(max-width:1100px){.benefit-row summary{gap:16px}.benefit-answer{padding-left:48px}}
@media(max-width:760px){.benefit-row summary{grid-template-columns:25px minmax(0,1fr) 18px;gap:13px;padding:28px 0}.benefit-answer{padding:0 31px 28px 38px}.benefit-row h3{font-size:30px}.benefit-toggle{width:18px;height:18px}.audience .tabs{width:100%;padding:5px;gap:4px}.audience .tabs button{min-width:0;flex:1;padding:12px 18px;gap:15px}.audience .tabs #tab-business{padding-left:32px}.audience .tabs #tab-business::before{left:16px}.site-footer .footer-wordmark{font-size:9.1vw}}
@media(prefers-reduced-motion:reduce){.benefit-row summary:hover h3{transform:none}}