.reference-section:nth-of-type(odd){background:#f8f9fd}.reference-section h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;margin:18px 0 40px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reference-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;min-width:0;display:flex;flex-direction:column}.reference-logo{height:145px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:12px}.reference-logo img{width:100%;max-width:270px;height:110px;object-fit:contain}.reference-card h3{font-size:13px;line-height:1.5;font-weight:500;color:var(--muted);margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line)}.reference-dark{background:var(--night)}.reference-wordmark{font-size:42px;letter-spacing:-.04em;color:var(--night)}.reference-quote>span{font-size:75px;line-height:1;color:var(--brand)}.reference-quote blockquote{margin:0}.reference-quote blockquote p{font-size:20px;line-height:1.6}.reference-quote{min-height:260px}.reference-section:target{scroll-margin-top:120px}
@media(max-width:800px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-card{padding:18px}.reference-logo{height:120px;padding:10px}.reference-logo img{height:90px}}
@media(max-width:440px){.reference-grid{grid-template-columns:1fr 1fr;gap:12px}.reference-card{padding:12px}.reference-logo{height:90px;padding:4px}.reference-logo img{height:65px}.reference-card h3{font-size:11px;margin-top:12px;padding-top:12px}.reference-wordmark{font-size:30px}}
.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 32px}.reference-heading h2{margin:0}.reference-controls{display:flex;gap:10px;flex-shrink:0}.reference-controls[hidden]{display:none}.reference-controls button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--brand);font:inherit;font-size:24px;cursor:pointer;transition:background .2s,color .2s}.reference-controls button:hover:not(:disabled){background:var(--brand);color:#fff}.reference-controls button:disabled{opacity:.3;cursor:default}.reference-controls button:focus-visible,.reference-grid:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.reference-grid{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cbc8ee transparent;padding:4px 2px 20px}.reference-grid>.reference-card{flex:0 0 29%;scroll-snap-align:start}.reference-grid>.reference-card:last-child{scroll-snap-align:end}
@media(max-width:800px){.reference-grid>.reference-card{flex-basis:43%}.reference-heading{gap:16px}.reference-heading h2{font-size:32px}}
@media(max-width:440px){.reference-grid{gap:16px}.reference-grid>.reference-card{flex-basis:78%;padding:20px}.reference-grid .reference-logo{height:125px}.reference-grid .reference-logo img{height:100px}.reference-heading{align-items:flex-end}.reference-heading h2{font-size:28px}.reference-controls{gap:6px}.reference-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.reference-controls button{transition:none}}
.reference-quote{margin:0}.reference-quote blockquote{margin:0}.reference-quote blockquote p{font-size:18px;line-height:1.6;color:inherit}.reference-quote figcaption{margin-top:22px;padding-top:16px;border-top:1px solid #d2e1f6;font-size:13px;font-weight:600;color:var(--muted)}
.scenario-cards.reference-quotes-single{grid-template-columns:minmax(0,820px);justify-content:center}.reference-quotes-single .reference-quote blockquote p{font-size:clamp(18px,2vw,22px)}
.reference-quote{display:flex;flex-direction:column}.reference-quote blockquote p{font-size:16px}.reference-quote figcaption{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-weight:400}.reference-quote blockquote{margin-bottom:22px}.reference-quote figcaption strong{font-size:14px;color:var(--ink)}.reference-quote figcaption span{font-size:12px}