.research-section{padding:90px 4% 96px;background:linear-gradient(#fff,#f5f8ff 40%,#f5f8ff);color:#111827;overflow:hidden}
.research-heading{text-align:center;max-width:800px;margin:0 auto 42px}
.research-heading h2{font-size:clamp(36px,3.6vw,58px);font-weight:600;line-height:1.1;letter-spacing:-1.9px;margin:0}.research-heading h2>span{color:#1559f7}
.research-heading>p{color:#4b596e;font-size:18px;line-height:1.6;margin:22px 0 0}
.research-workflow{max-width:1340px;margin:auto}
/* Text stages share one continuous brand progress track. */
.research-stage-selector{max-width:720px;margin:0 auto 38px}
.research-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.research-tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:12px 8px;border:0;border-radius:0;background:transparent;color:#000;font-size:18px;font-weight:400;cursor:pointer;-webkit-tap-highlight-color:transparent}
.research-tab:hover,.research-tab[aria-selected=true]{background:transparent;color:#000}
.research-tab[aria-selected=true]{font-weight:600}
.research-tab:focus-visible{outline:2px solid var(--rhycon-blue-bright);outline-offset:3px}
.research-progress{height:5px;margin-top:10px;border-radius:999px;background:#e1e7f1;overflow:hidden;opacity:0;transition:opacity .2s ease}
.research-progress.is-visible{opacity:1}
.research-progress-fill{height:100%;width:0;border-radius:inherit;background:var(--rhycon-blue-gradient)}
.research-section svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.research-panels{background:#fff;border-radius:32px;box-shadow:0 12px 60px #3d5b9405}
.research-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding:64px;min-height:510px}
.research-panel-copy h3{font-size:clamp(30px,2.8vw,42px);font-weight:600;line-height:1.1;letter-spacing:-1.3px;margin:0 0 23px}
.research-panel-copy>p{font-size:clamp(17px,1.55vw,21px);line-height:1.55;color:#46546a;max-width:425px;margin:0}
.research-cta{display:inline-flex;align-items:center;justify-content:center;background:#1559f7;color:white;border-radius:28px;font-size:17px;font-weight:500;padding:15px 22px;margin-top:38px;min-height:52px;transition:background .2s}.research-cta:hover{background:#0747dc}
.agent-scene{min-width:0;position:relative;outline-offset:8px}.agent-art{position:relative;min-height:365px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.agent-art:before{content:'';position:absolute;z-index:-1;inset:-30px -25px;background:radial-gradient(ellipse,#edf3ff 0%,#f8faff 40%,transparent 70%);pointer-events:none}
.agent-search{display:flex;align-items:center;gap:12px;border:1px solid #d7e1f0;background:#fff;border-radius:13px;padding:17px 20px;font-size:14px;color:#46566f;box-shadow:0 6px 20px #2345770d;margin-bottom:18px}.agent-search svg{width:18px;height:18px;color:#1559f7}.agent-search-spark{margin-left:auto;color:#1559f7;font-size:24px}
.agent-prospect-list{position:relative;display:grid;gap:12px}.agent-prospect{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #dce5f2;border-radius:15px;background:#fff;box-shadow:0 6px 20px #2345770d}.agent-prospect>div{display:grid;gap:6px}.agent-prospect strong{font-size:15px;font-weight:600;color:#111827}.agent-prospect div>span{font-size:12px;color:#5b6b82}
.agent-avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(140deg,#3c86ff,#1559f7);color:#fff;display:grid;place-items:center;flex:none;font-size:13px;font-weight:600}.agent-avatar.lilac{background:linear-gradient(140deg,#a77bfa,#8054d8);color:#fff}.agent-avatar.mint{background:linear-gradient(140deg,#32bb95,#13866d);color:#fff}.agent-avatar.small{width:36px;height:36px;font-size:11px}
.agent-match{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dcfce7;color:#159447;margin-left:auto;font-size:13px}
.agent-scan{position:absolute;left:7px;right:7px;top:0;height:1px;background:linear-gradient(90deg,transparent,#1559f7,transparent);box-shadow:0 -7px 20px 5px #87b6ff12;display:none;pointer-events:none;z-index:3}
.agent-floating-status{position:absolute;bottom:-20px;right:-12px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #c9e8d3;border-radius:12px;box-shadow:0 8px 24px #2345770b;padding:13px 17px;font-size:12px;color:#287343;z-index:2}.agent-floating-status>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dcfce7;color:#159447}
.agent-profile-card{background:#fff;border:1px solid #d7e1f0;border-radius:22px;box-shadow:0 15px 45px #23457716;overflow:hidden}.agent-profile-heading{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid #e0e7f2}.agent-profile-heading>div{display:grid;gap:6px}.agent-profile-heading strong{font-size:17px;font-weight:600}.agent-profile-heading div>span{font-size:12px;color:#5b6b82}.agent-profile-heading>svg{margin-left:auto;color:#1559f7;width:23px;height:23px}
.agent-detail{display:flex;align-items:center;gap:13px;margin:0 24px;padding:18px 0;border-bottom:1px solid #e0e7f2}.agent-detail>div{display:grid;gap:5px}.agent-detail div>span{font-size:11px;color:#617087}.agent-detail strong{font-size:14px;font-weight:500;color:#26374f}.agent-detail-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#e5edff;border-radius:9px;color:#1559f7;font-size:21px}.agent-detail-check{margin-left:auto;color:#159447;font-size:12px}.agent-research-footer{display:flex;align-items:center;gap:8px;padding:17px 24px;font-size:10px;color:#617087;background:#f4f7ff}.agent-live-dot{display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#1559f7;animation:agent-pulse 2s ease-in-out infinite}
.agent-email{background:#fff;border:1px solid #d7e1f0;border-radius:20px;box-shadow:0 15px 45px #23457716;overflow:hidden}.agent-email-head{display:flex;align-items:center;gap:12px;padding:20px 23px;border-bottom:1px solid #e0e7f2}.agent-email-head>div{display:grid;gap:5px}.agent-email-head strong{font-size:14px;font-weight:600}.agent-email-head div>span{font-size:11px;color:#617087}.agent-email-head>svg{margin-left:auto;color:#1559f7;width:21px;height:21px}
.agent-subject{display:flex;align-items:center;gap:12px;padding:18px 23px;border-bottom:1px solid #e0e7f2;font-size:12px}.agent-subject>span{font-size:11px;color:#617087}.agent-subject strong{font-weight:500;color:#26374f}.agent-letter{padding:7px 23px 10px;color:#43536b;font-size:14px;line-height:1.65}.agent-letter p{margin:15px 0}.agent-email-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 23px;background:#f4f7ff;border-top:1px solid #e0e7f2}.agent-email-bottom>span:first-child{font-size:11px;color:#617087;display:flex;align-items:center;gap:7px}.agent-email-bottom i{width:5px;height:5px;background:#23b65b;border-radius:50%}.agent-send{display:grid;place-items:center;background:#1559f7;color:white;width:34px;height:30px;border-radius:7px}.agent-send svg{width:17px;height:17px}
.agent-conversation{display:grid;gap:26px;width:100%}.agent-chat-line{display:flex;align-items:flex-end;gap:11px}.agent-chat-line.outgoing{justify-content:flex-end}.agent-bubble{background:#fff;border:1px solid #d7e1f0;box-shadow:0 8px 25px #23457710;border-radius:17px 17px 17px 4px;padding:19px 21px;color:#43536b;font-size:14px;line-height:1.55}.agent-bubble strong{display:block;color:#111827;font-size:13px;font-weight:600;margin-bottom:7px}.agent-bubble p{margin:0}.outgoing .agent-bubble{border:0;background:#1559f7;color:#fff;border-radius:17px 17px 4px 17px}.agent-bot{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;color:#fff;background:linear-gradient(140deg,#3886ff,#0847e6);font-size:24px;box-shadow:0 4px 10px #3f82ed20}
.agent-calendar{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #bce4ca;border-radius:18px;background:#fff;box-shadow:0 12px 30px #32594412;margin-top:5px}.agent-calendar-date{display:grid;justify-items:center;gap:10px;flex:none;background:#1559f7;padding:14px 12px;border-radius:10px;min-width:69px}.agent-calendar-date>span{font-size:9px;letter-spacing:1px;color:#dce7ff}.agent-calendar-date strong{font-size:19px;font-weight:500;color:#fff}.agent-calendar-info{display:grid;gap:9px}.agent-calendar-info>span:first-child{display:flex;align-items:center;gap:5px;font-size:10px;color:#16803e}.agent-calendar-info i{width:5px;height:5px;background:#23b65b;border-radius:50%}.agent-calendar-info strong{font-size:17px;font-weight:600;color:#111827}.agent-calendar-info>span:last-child{font-size:11px;color:#617087}.agent-calendar-check{margin-left:auto;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#159447;font-size:14px;flex:none}
.a-reveal{opacity:1;animation:agent-reveal .45s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--delay,0s)}.a-check{opacity:1;animation:agent-check .3s ease both;animation-delay:var(--delay,0s)}.a-write{animation:none;opacity:1;clip-path:none}
.a-one{--delay:0s}.a-two{--delay:.5s}.a-three{--delay:1s}.a-four{--delay:1.5s}.a-five{--delay:2s}.a-six{--delay:2.5s}
@keyframes agent-reveal{from{transform:translateY(9px)}to{transform:translateY(0)}}
@keyframes agent-check{from{transform:scale(.9)}to{transform:scale(1)}}
@keyframes agent-pulse{50%{transform:scale(1.25)}}
.research-section:not(.research-running) .agent-art *,.agent-scene:hover .agent-art *,.agent-scene:focus .agent-art *{animation-play-state:paused}
@media(min-width:1600px){.research-workflow{max-width:1500px}.research-panel{padding:75px 85px;gap:100px;min-height:600px}.agent-art{max-width:560px;margin:auto}.agent-search,.agent-prospect strong{font-size:16px}.agent-prospect div>span{font-size:13px}.agent-letter,.agent-bubble{font-size:16px}.agent-subject{font-size:14px}}
@media(max-width:1100px){.research-panel{padding:42px;gap:36px;min-height:480px}.research-panel-copy>p{font-size:17px}.research-panel-copy h3{font-size:32px}.agent-prospect{padding:15px}.agent-prospect strong{font-size:14px}.agent-prospect div>span{font-size:11px}.agent-floating-status{font-size:10px;right:-5px}.agent-calendar{padding:18px;gap:10px}.agent-calendar-info strong{font-size:15px}.agent-calendar-info>span:last-child{font-size:10px}.agent-bubble{padding:15px;font-size:13px}.agent-desktop-br{display:none}}
@media(max-width:760px){.research-section{padding:64px 20px;background:linear-gradient(#fff,#f5f8ff 25%)}.research-heading{margin-bottom:28px}.research-heading h2{font-size:35px;letter-spacing:-1.5px}.research-heading>p{font-size:15px;max-width:290px;margin:20px auto 0}.research-stage-selector{margin-bottom:26px}.research-tab{padding:10px 2px;font-size:14px;min-height:48px}.research-progress{height:4px;margin-top:6px}.research-panels{border-radius:24px}.research-panel{grid-template-columns:1fr;gap:44px;padding:32px 22px 42px;min-height:0}.research-panel-copy h3{font-size:30px;letter-spacing:-1px;margin-bottom:17px}.research-panel-copy>p{font-size:16px;line-height:1.6}.research-cta{font-size:15px;margin-top:25px;padding:13px 20px;min-height:48px}.agent-art{min-height:335px}.agent-art:before{inset:-10px}.agent-search{font-size:11px;padding:15px 12px;gap:8px}.agent-prospect{padding:14px 12px;gap:10px}.agent-avatar{width:36px;height:36px;font-size:11px}.agent-prospect strong{font-size:13px}.agent-prospect div>span{font-size:10px}.agent-match{width:20px;height:20px;font-size:11px}.agent-floating-status{right:0;bottom:-16px;padding:10px 12px;font-size:10px}.agent-profile-heading{padding:18px 16px;gap:10px}.agent-profile-heading strong{font-size:15px}.agent-profile-heading div>span{font-size:10px}.agent-detail{margin:0 16px;padding:17px 0;gap:10px}.agent-detail strong{font-size:12px}.agent-detail div>span{font-size:10px}.agent-detail-icon{width:28px;height:28px;font-size:18px}.agent-research-footer{padding:16px;font-size:9px}.agent-email-head{padding:16px}.agent-subject{padding:15px;font-size:10px;gap:8px}.agent-subject>span{font-size:9px}.agent-letter{padding:4px 16px 10px;font-size:12px}.agent-email-bottom{padding:13px 16px}.agent-email-bottom>span:first-child{font-size:9px}.agent-chat-line{gap:8px}.agent-bubble{padding:14px;font-size:12px}.agent-bubble strong{font-size:12px}.agent-avatar.small,.agent-bot{width:30px;height:30px}.agent-calendar{padding:16px 12px;gap:10px}.agent-calendar-date{min-width:54px;padding:12px 8px}.agent-calendar-date strong{font-size:16px}.agent-calendar-info strong{font-size:14px}.agent-calendar-info>span:first-child{font-size:9px}.agent-calendar-info>span:last-child{font-size:9px}.agent-calendar-check{width:21px;height:21px;font-size:11px}.agent-conversation{gap:22px}}
@media(prefers-reduced-motion:reduce){.research-section .agent-art *{animation:none!important;opacity:1;transform:none;clip-path:none}.agent-scan{display:none}.research-tab,.research-cta,.research-progress,.research-progress-fill{transition:none}}

.agent-avatar.agent-portrait{display:block;object-fit:cover;background:#e5edff;border:1px solid #d7e1f0}

.scene-discovery .agent-prospect,.scene-discovery .agent-match,.scene-discovery .agent-floating-status{animation:none;opacity:1;transform:none}
.discovery-ready:not(.discovery-complete) .agent-prospect:not(.is-found),.discovery-ready:not(.discovery-complete) .agent-floating-status{visibility:hidden}
.discovery-scanning .agent-scan{display:block}
@media(prefers-reduced-motion:reduce){.discovery-ready .agent-prospect,.discovery-ready .agent-floating-status{visibility:visible!important}.discovery-scanning .agent-scan{display:none}}

/* A concrete prospect story: finding, relevance, then a useful opening. */
.enrichment-eyebrow{display:block;color:#1559f7;font-size:14px;font-weight:600;margin-bottom:20px}
.enrichment-panel .research-panel-copy h3{font-size:clamp(34px,3.2vw,47px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:24px}
.enrichment-panel .research-panel-copy h3>span{color:#1559f7}
.enrichment-panel .research-panel-copy>p{max-width:350px}
.enrichment-brief{background:#fff;border:1px solid #d7e1f0;border-radius:22px;overflow:hidden;box-shadow:0 16px 48px #23457714;width:100%}
.enrichment-person{display:flex;align-items:center;gap:12px;padding:23px 26px;border-bottom:1px solid #e0e7f2}
.enrichment-person>div{display:grid;gap:5px;min-width:0}
.enrichment-person strong{color:#111827;font-size:16px;font-weight:600}
.enrichment-person div>span{color:#54637a;font-size:11px}
.enrichment-brief-label{margin-left:auto;color:#65738a;font-size:10px;white-space:nowrap}
.enrichment-findings{padding:26px;display:grid;gap:28px;position:relative}
.enrichment-findings:before{content:'';position:absolute;top:43px;bottom:55px;left:41px;width:2px;background:#dce7ff;transform-origin:top;animation:enrichment-connect 1.8s ease-out both}
.enrichment-finding{display:flex;gap:16px;position:relative}
.enrichment-step{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:#edf3ff;color:#1559f7;font-size:11px;font-weight:600;border:1px solid #d2e0ff}
.enrichment-finding>div{padding-top:1px;min-width:0}
.enrichment-label{display:block;color:#1559f7;font-size:11px;font-weight:600;margin-bottom:8px}
.enrichment-finding strong{display:block;color:#111827;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.35px}
.enrichment-finding p{color:#526078;font-size:12px;line-height:1.55;margin:7px 0 0}
.enrichment-opening{background:#1559f7;color:#fff;padding:23px 26px 26px}
.enrichment-opening-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#fff}
.enrichment-opening-label svg{width:18px;height:18px;stroke-width:1.6}
.enrichment-opening>p{font-size:16px;line-height:1.6;font-weight:400;margin:13px 0 0;letter-spacing:-.1px;color:#fff}
@keyframes enrichment-connect{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1100px){.enrichment-panel{gap:30px}.enrichment-person{padding:20px}.enrichment-findings{padding:24px 20px}.enrichment-findings:before{left:35px}.enrichment-brief-label{display:none}.enrichment-finding strong{font-size:16px}.enrichment-opening{padding:21px 23px}.enrichment-opening>p{font-size:14px}}
@media(max-width:760px){.enrichment-eyebrow{font-size:12px;margin-bottom:14px}.enrichment-panel .research-panel-copy h3{font-size:35px;letter-spacing:-1.1px;margin-bottom:20px}.enrichment-panel{gap:32px}.enrichment-brief{border-radius:17px}.enrichment-person{padding:18px 16px}.enrichment-person strong{font-size:14px}.enrichment-person div>span{font-size:10px}.enrichment-findings{padding:22px 16px;gap:24px}.enrichment-findings:before{left:29px;top:36px;bottom:52px}.enrichment-step{width:28px;height:28px;font-size:10px}.enrichment-finding{gap:11px}.enrichment-label{font-size:10px}.enrichment-finding strong{font-size:15px}.enrichment-finding p{font-size:12px}.enrichment-opening{padding:20px 18px}.enrichment-opening-label{font-size:10px}.enrichment-opening>p{font-size:14px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.enrichment-findings:before{animation:none}}

@media(max-width:760px){.scene-compose .agent-letter{font-size:14px;line-height:1.65}}

/* Reveal the original chat thread once, retaining full contrast afterwards. */
.engage-ready .engage-step{visibility:hidden;transform:translateY(8px);transition:transform .2s ease-out}
.engage-ready .engage-step.is-shown{visibility:visible;transform:none}
@media(prefers-reduced-motion:reduce){.engage-ready .engage-step{visibility:visible;transform:none;transition:none}}

/* Phone layouts keep the example in the page's normal scroll flow. */
@media(max-width:760px){
 .research-section{padding:40px 20px 48px;overflow:visible;overflow-anchor:none}
 .research-heading{margin-bottom:16px}
 .research-heading h2{font-size:28px;line-height:1.15;letter-spacing:-1px}
 .research-stage-selector{position:sticky;top:0;z-index:30;margin-bottom:16px;padding:8px 0 10px;background:#f5f8ff}
 .research-tab{min-height:44px;padding:8px 2px}
 .research-panels{border-radius:20px}
 .research-panel{gap:20px;padding:22px 16px 24px}
 .research-panel-copy h3,.enrichment-panel .research-panel-copy h3{font-size:26px;line-height:1.15;letter-spacing:-.7px;margin-bottom:12px}
 .research-panel-copy>p{font-size:16px;line-height:1.5;max-width:none}
 .research-panel>.research-cta{justify-self:start;margin-top:0}
 .agent-art{min-height:0}
 .enrichment-person{padding:14px}
 .enrichment-findings{padding:18px 14px;gap:18px}
 .enrichment-findings:before{left:27px;top:32px;bottom:44px}
 .enrichment-opening{padding:16px}
 .scene-discovery{padding-bottom:16px}
}