/* A customer voice connects the SEO explanation to new ways of searching. */
.ai-discovery{margin-top:100px;padding:55px 0 60px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px 8%;align-items:center;scroll-margin-top:105px;--proof-shift:0px;--proof-turn:0deg}
.ai-eyebrow{display:block;font-size:11px;letter-spacing:1.4px;line-height:1.6}
.ai-copy h3{font:800 clamp(52px,5.8vw,106px)/.96 var(--display);letter-spacing:-.025em;margin:28px 0;white-space:pre-line;overflow-wrap:anywhere}
.ai-copy>p{font-size:18px;line-height:1.75;max-width:580px;margin:0}
.ai-quote{position:relative;margin:25px 8px;background:var(--ink);color:var(--cream);padding:34px 32px 24px;transform:translateY(var(--proof-shift)) rotate(-2deg);box-shadow:10px 10px 0 var(--orange);isolation:isolate}
.ai-quote figcaption{font-size:10px;line-height:1.6;letter-spacing:1.2px;max-width:310px;padding-right:10px;color:var(--lime)}
.ai-quote-mark{position:absolute;right:18px;top:8px;font:800 140px/1 var(--display);color:var(--orange);opacity:.35;z-index:-1}
.ai-quote blockquote{font:600 clamp(30px,3.3vw,59px)/1.08 var(--display);margin:28px 0 30px;max-width:460px}
.ai-quote details{border-top:1px solid #f4f0e744;padding-top:6px}
.ai-quote summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:12px;cursor:pointer;list-style:none}
.ai-quote summary::-webkit-details-marker{display:none}
.ai-quote summary>span{font-size:20px;transition:rotate .2s}
.ai-quote details[open] summary>span{rotate:90deg}
.ai-quote details img{display:block;width:100%;height:auto;max-width:480px;margin:14px 0 5px;border:5px solid #272a2f;box-sizing:content-box;max-width:calc(100% - 10px)}
.ai-approach{grid-column:1/-1}
.ai-approach>p{font-size:17px!important;margin:0 0 24px}
.ai-approach ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ai-approach li{display:flex;gap:18px;border-top:1px solid #17171766;padding-top:20px}
.ai-approach li>span{font:700 29px/1 var(--display)}
.ai-approach li p{font-size:16px;line-height:1.65;margin:0;max-width:330px}
.ai-approach .text-link{margin-top:28px;gap:28px}
.ai-approach .text-link span{font-size:16px;font-weight:600}
.ai-approach .text-link b{font-size:25px;font-weight:400}
.motion-still .ai-quote{transform:rotate(-2deg)}
@media(max-width:1000px){.ai-discovery{gap:38px 5%}.ai-copy h3{font-size:6.8vw}.ai-copy>p{font-size:17px}.ai-quote{padding:28px 24px 20px}.ai-quote blockquote{font-size:4.5vw}}
@media(max-width:650px){.ai-discovery{display:block;margin-top:65px;padding:35px 0 40px;scroll-margin-top:95px}.ai-eyebrow{font-size:10px;letter-spacing:1px}.ai-copy h3{font-size:13.8vw;margin:23px 0}.ai-copy>p{font-size:17px}.ai-quote{margin:38px 9px 45px 0;padding:27px 24px 19px;transform:rotate(-1deg);box-shadow:7px 7px 0 var(--orange)}.ai-quote blockquote{font-size:38px;margin-top:25px}.ai-quote figcaption{font-size:9px}.ai-approach ol{grid-template-columns:1fr;gap:19px}.ai-approach li{gap:17px;padding-top:18px}.ai-approach li p{font-size:16px}.ai-approach .text-link{gap:14px}.ai-approach .text-link span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ai-quote{transform:none!important}.ai-quote summary>span{transition:none}}
