/* outfit-latin-ext-wght-normal */
@font-face {
  font-family: 'Outfit Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://code-components.website-files.com/6ac8e14b8b55c5ad69358f17%2Fmodule%2F562d506c56800e98f6dc-outfit-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* outfit-latin-wght-normal */
@font-face {
  font-family: 'Outfit Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://code-components.website-files.com/6ac8e14b8b55c5ad69358f17%2Fmodule%2F9361ca49fa8244163822-outfit-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Keep in sync with marketing-demo/src/visual-tokens.css.
   Each Webflow library bundles its own copy; no runtime cross-library dependency. */
:host, :host {
  --ortium-radius-frame: 8px;
  --ortium-radius-panel: 6px;
  --ortium-radius-control: 4px;
}

.research-angles, .research-angles * { box-sizing:border-box; }
.research-angles { container:research-angles / inline-size; width:100%; min-width:0; font-family:"Outfit Variable","Outfit",sans-serif; color:#252e3a; line-height:1.45; -webkit-font-smoothing:antialiased; text-align:left; }
.research-angles :is(h3,h4,p,ol) { margin:0; }
.research-angles button, .research-angles textarea { font:inherit; }
.research-angles button { cursor:pointer; }
.research-angles :focus-visible { outline:2px solid #36a2eb; outline-offset:5px; }
.research-angles .rac-canvas { --rac-edge:4cqw; --rac-top:var(--rac-edge); --rac-stack-height:calc(100% - var(--rac-top) - var(--rac-edge)); --rac-slot-height:calc((var(--rac-stack-height) - 42px) / 4); position:relative; height:max(680px,58cqw); overflow:hidden; border:1px solid #e6eaee; border-radius:var(--ortium-radius-frame); background:#f6f8fa; background-image:radial-gradient(#bbc7d480 .8px,transparent .8px); background-size:20px 20px; }
.research-angles .rac-connections { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.research-angles .rac-path { fill:none; stroke:#d1dce5; stroke-width:1.25; vector-effect:non-scaling-stroke; transition:stroke .3s; }
.research-angles .rac-path[data-selected=true] { stroke:#36a2eb; stroke-width:1.6; }
.research-angles .rac-port { fill:#d1dce5; stroke:#f6f8fa; stroke-width:1.5; }
.research-angles .rac-port[data-selected=true] { fill:#36a2eb; }
.research-angles .rac-company { position:absolute; left:34%; top:calc(50% - 92px); width:19%; height:184px; display:flex; flex-direction:column; justify-content:center; padding:clamp(14px,1.6cqw,22px); border:1px solid #dbe1e7; border-radius:var(--ortium-radius-panel); background:#fff; box-shadow:0 4px 14px #25364805; }
.research-angles .rac-company-label { color:#8b95a2; font-size:10px; margin-bottom:13px; }
.research-angles .rac-company-identity { display:flex; align-items:stretch; gap:9px; }
.research-angles .rac-company-identity > img { width:34px; height:34px; flex-shrink:0; object-fit:contain; }
.research-angles .rac-company-identity > div { height:34px; display:flex; flex-direction:column; justify-content:space-between; }
.research-angles .rac-company h3 { font-size:clamp(15px,1.45cqw,18px); line-height:20px; font-weight:500; letter-spacing:-.4px; }
.research-angles .rac-company-identity span { display:block; color:#8b95a2; font-size:11px; line-height:12px; }
.research-angles .rac-competitors { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:18px; }
.research-angles .rac-competitors > span { color:#8b95a2; font-size:10px; }
.research-angles .rac-competitors > div { display:flex; gap:10px; }
.research-angles .rac-competitors img { object-fit:contain; width:16px; height:16px; }
.research-angles .rac-node { position:absolute; left:var(--rac-edge); top:calc(var(--rac-top) + var(--slot) * (var(--rac-slot-height) + 14px)); width:26%; height:var(--rac-slot-height); z-index:1; transition:left .5s cubic-bezier(.22,.7,.2,1),top .5s cubic-bezier(.22,.7,.2,1),width .5s cubic-bezier(.22,.7,.2,1),height .5s cubic-bezier(.22,.7,.2,1); }
.research-angles .rac-node[data-position=focus] { left:56%; top:var(--rac-top); width:calc(44% - var(--rac-edge)); height:var(--rac-stack-height); z-index:2; }
.research-angles .rac-card { display:flex; flex-direction:column; width:100%; height:100%; padding:clamp(16px,1.6cqw,22px); border:1px solid #e0e5eb; border-radius:var(--ortium-radius-panel); background:#fff; box-shadow:0 2px 6px #23314703; text-align:left; color:inherit; overflow:hidden; transition:border-color .3s,box-shadow .3s,padding .5s; }
.research-angles .rac-node[data-position=stack] .rac-card:hover { border-color:#b5c7d7; }
.research-angles .rac-node[data-position=focus] .rac-card { border-color:#87c7f2; padding:clamp(22px,2.3cqw,30px); box-shadow:0 0 0 3px #36a2eb08,0 10px 28px #244f7309; }
.research-angles .rac-select { display:flex; flex-direction:column; align-items:stretch; width:100%; padding:0; border:0; color:inherit; background:none; text-align:left; }
.research-angles .rac-node[data-position=stack] .rac-select { height:100%; justify-content:center; }
.research-angles .rac-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.research-angles .rac-service { display:inline-flex; align-items:center; padding:3px 8px; border:1px solid; border-radius:6px; font-size:clamp(10px,1cqw,12px); line-height:1.4; }
.research-angles .rac-paid .rac-service { color:#237db7; background:#36a2eb12; border-color:#36a2eb40; }
.research-angles .rac-search .rac-service { color:#8050cc; background:#9966ff12; border-color:#9966ff40; }
.research-angles .rac-brand .rac-service { color:#4bc0c0; background:#4bc0c012; border-color:#4bc0c040; }
.research-angles .rac-website .rac-service { color:#ff9f40; background:#ff9f4014; border-color:#ff9f4045; }
.research-angles .rac-content .rac-service { color:#ff6384; background:#ff638412; border-color:#ff638440; }
.research-angles .rac-card-top > svg { flex-shrink:0; width:15px; height:15px; stroke-width:1.3; color:#a8b2bd; }
.research-angles .rac-select[aria-pressed=true] .rac-card-top > svg { display:none; }
.research-angles .rac-question { display:block; margin-top:10px; font-size:clamp(15px,1.45cqw,18px); font-weight:450; line-height:1.25; letter-spacing:-.3px; }
.research-angles .rac-node[data-position=stack] .rac-question { margin-top:18px; color:#596676; font-weight:400; }
.research-angles .rac-node[data-position=focus] .rac-question { margin-top:26px; font-size:clamp(23px,2.2cqw,28px); line-height:1.18; letter-spacing:-.6px; text-wrap:balance; }
.research-angles .rac-detail { flex:1; min-height:0; display:flex; flex-direction:column; justify-content:space-between; gap:20px; margin-top:28px; }
.research-angles .rac-detail[hidden] { display:none; }
.research-angles .rac-evidence { font-size:12px; color:#596676; }
.research-angles .rac-evidence-heading { font-size:11px; color:#8a95a1; margin-bottom:18px; }
.research-angles .rac-evidence-bar + .rac-evidence-bar { margin-top:22px; }
.research-angles .rac-evidence-bar > div:first-child { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:9px; }
.research-angles .rac-evidence-bar strong { color:#354653; font-weight:450; font-size:27px; line-height:1.2; }
.research-angles .rac-evidence-bar small { font-size:16px; }
.research-angles .rac-evidence-track { height:9px; border-radius:2px; background:#edf1f5; }
.research-angles .rac-evidence-track i { display:block; height:100%; border-radius:2px; transform-origin:left; }
.research-angles .rac-buyer-dots { display:grid; grid-template-columns:repeat(25,minmax(0,8px)); gap:4px; }
.research-angles .rac-buyer-dots i { width:100%; aspect-ratio:1; border-radius:2px; background:#e3e9ef; }
.research-angles .rac-buyer-dots i[data-active=true] { background:#36a2eb; }
.research-angles .rac-evidence-note { padding-top:20px; font-size:11px; color:#8a95a1; line-height:1.5; }
.research-angles .rac-search-query { display:flex; align-items:center; gap:9px; border:1px solid #e5e9ef; border-radius:6px; padding:10px 12px; font-size:12px; color:#485768; }
.research-angles .rac-search-query svg { width:14px; height:14px; flex-shrink:0; color:#93a0ae; }
.research-angles .rac-search-query small { margin-left:auto; color:#8d98a5; font-size:10px; white-space:nowrap; }
.research-angles :is(.rac-search-results,.rac-page-preview) { margin-top:18px; }
.research-angles .rac-search-results { padding:0 0 18px; }
.research-angles .rac-search-results > div { display:flex; align-items:center; gap:10px; padding:7px 0; }
.research-angles .rac-search-results > div:first-child { padding-top:0; }
.research-angles .rac-search-results img { width:15px; height:15px; object-fit:contain; }
.research-angles .rac-rank { width:24px; font-size:11px; color:#8a95a1; }
.research-angles .rac-result-line { margin-left:auto; height:4px; width:29%; border-radius:2px; background:#edf0f4; }
.research-angles .rac-ai-mentions { display:flex; justify-content:space-between; gap:8px; font-size:11px; margin-bottom:12px; }
.research-angles .rac-ai-mentions small { color:#8a95a1; font-size:10px; }
.research-angles .rac-mention-bars > div { display:grid; grid-template-columns:58px minmax(0,1fr) 22px; gap:10px; align-items:center; font-size:11px; }
.research-angles .rac-mention-bars > div + div { margin-top:10px; }
.research-angles .rac-mention-bars i { height:6px; background:#f0edf7; border-radius:2px; }
.research-angles .rac-mention-bars b { display:block; height:100%; background:#9966ff; border-radius:2px; transform-origin:left; }
.research-angles .rac-mention-bars > div:last-child b { background:#36a2eb; }
.research-angles .rac-mention-bars strong { text-align:right; color:#667586; font-weight:450; }
.research-angles .rac-position-row { padding:13px 0; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.research-angles .rac-position-row > div { display:flex; align-items:center; gap:8px; white-space:nowrap; }
.research-angles .rac-position-row img { width:16px; height:16px; object-fit:contain; }
.research-angles .rac-position-theme { font-size:11px; color:#82909e; text-align:right; }
.research-angles .rac-position-row[data-highlight=true] .rac-position-theme { color:#2b8585; background:#4bc0c014; padding:5px 8px; border-radius:4px; }
.research-angles .rac-buyer-signal { display:flex; align-items:center; gap:14px; padding-bottom:22px; }
.research-angles .rac-buyer-signal strong { flex-shrink:0; font-size:26px; line-height:1.2; font-weight:450; color:#435363; }
.research-angles .rac-buyer-signal strong span { color:#8a95a1; font-size:13px; }
.research-angles .rac-buyer-signal > span { font-size:11px; white-space:nowrap; }
.research-angles .rac-content-brief { min-width:0; }
.research-angles :is(.rac-content-brief,.rac-page-preview) > .rac-evidence-heading { display:block; margin-bottom:10px; }
.research-angles .rac-brief-table-frame { border:1px solid #e5e7eb; border-radius:var(--ortium-radius-control); overflow:hidden; }
.research-angles .rac-brief-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:11px; line-height:1.4; }
.research-angles .rac-brief-table :is(th,td) { padding:6px 10px; text-align:left; vertical-align:top; border-bottom:1px solid #e5e7eb; font-weight:400; overflow-wrap:break-word; }
.research-angles .rac-brief-table thead th { background:#f9fafb; color:#8a95a1; font-size:10px; }
.research-angles .rac-brief-table th:first-child { width:38%; }
.research-angles .rac-brief-table tbody th { color:#435363; font-weight:450; }
.research-angles .rac-brief-table tbody tr:last-child > * { border-bottom:0; }
.research-angles .rac-page-preview { padding:18px; border:1px solid #e5e9ef; border-radius:var(--ortium-radius-panel); background:#fbfcfd; }
.research-angles .rac-page-preview h4 { max-width:250px; color:#435363; font-size:19px; font-weight:450; line-height:1.2; letter-spacing:-.3px; white-space:pre-line; }
.research-angles .rac-page-proof { display:block; margin-top:12px; color:#8a95a1; font-size:10px; line-height:1.5; }
.research-angles .rac-page-cta { display:inline-block; margin-top:14px; padding:7px 10px; border-radius:var(--ortium-radius-control); background:#435363; color:#fff; font-size:10px; }
.research-angles .rac-agency-action > span { font-size:11px; color:#8a95a1; }
.research-angles .rac-agency-action p { margin-top:8px; font-size:clamp(13px,1.2cqw,15px); line-height:1.5; color:#435363; }
.research-angles .rac-sources { display:flex; flex-wrap:wrap; align-items:center; gap:7px 12px; }
.research-angles .rac-sources span { display:inline-flex; align-items:center; gap:5px; color:#8a95a1; font-size:10px; }
.research-angles .rac-sources i { width:4px; height:4px; border-radius:1px; background:#36a2eb; }
.research-angles .rac-sources span:nth-child(2) i { background:#9966ff; }
.research-angles[data-entered=true]:not([data-interacted=true]) :is(.rac-company,.rac-node) { animation:rac-reveal .6s ease both; animation-delay:var(--reveal-delay,0ms); }
.research-angles[data-entered=true]:not([data-interacted=true]) .rac-path { stroke-dasharray:1; animation:rac-connect .8s ease .2s both; }
.research-angles[data-entered=true] .rac-detail > * { animation:rac-detail-in .4s ease .4s both; }
.research-angles[data-entered=true] :is(.rac-evidence-track i,.rac-mention-bars b) { animation:rac-bar-in .75s ease .5s both; }
.research-angles[data-playing=false] * { animation-play-state:paused !important; }
@keyframes rac-reveal { from { opacity:0; } to { opacity:1; } }
@keyframes rac-connect { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes rac-detail-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@keyframes rac-bar-in { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (prefers-reduced-motion:reduce) { .research-angles * { animation:none !important; transition:none !important; } }
@container research-angles (min-width:961px) {
 .research-angles .rac-canvas { --rac-layout-height:max(678px,calc(58cqw - 2px)); height:calc(var(--rac-layout-height) + 2px); }
 .research-angles .rac-company { left:32%; width:22%; height:auto; top:calc(var(--rac-layout-height) / 2 + 10px); transform:translateY(-50%); }
 .research-angles .rac-node[data-position=stack] { width:23%; height:calc(var(--rac-layout-height) * .18); }
 .research-angles .rac-node[data-position=stack][data-slot="0"] { left:var(--rac-edge); top:max(88px,calc(4cqw + 38px)); }
 .research-angles .rac-node[data-position=stack][data-slot="1"] { left:31.5%; top:var(--rac-edge); }
 .research-angles .rac-node[data-position=stack][data-slot="2"] { left:var(--rac-edge); top:calc(var(--rac-layout-height) * .78 - 4cqw - 192px); }
 .research-angles .rac-node[data-position=stack][data-slot="3"] { left:calc(var(--rac-edge) + 124px); top:calc(var(--rac-layout-height) * .82 - 4cqw); }
 .research-angles .rac-node[data-position=focus] { left:58%; top:var(--rac-edge); width:calc(42% - var(--rac-edge)); height:calc(var(--rac-layout-height) - 2 * var(--rac-edge) - 108px); }
 .research-angles .rac-node[data-position=focus] .rac-card { padding:18px; }
 .research-angles .rac-node[data-position=focus] .rac-question { margin-top:18px; font-size:clamp(22px,2.1cqw,26px); }
 .research-angles .rac-detail { margin-top:8px; gap:8px; }
 .research-angles .rac-paid-evidence > .rac-evidence-heading { margin-bottom:10px; }
 .research-angles .rac-content .rac-buyer-signal { padding-bottom:20px; }
 .research-angles :is(.rac-search,.rac-website,.rac-content) .rac-detail { margin-top:20px; }
 .research-angles :is(.rac-search-results,.rac-page-preview) { margin-top:20px; }
 .research-angles .rac-website .rac-page-preview { padding:12px; }
 .research-angles .rac-website .rac-page-preview h4 { font-size:17px; }
 .research-angles .rac-website .rac-page-preview > .rac-evidence-heading { margin-bottom:6px; }
 .research-angles .rac-website .rac-page-proof { margin-top:4px; }
 .research-angles .rac-website .rac-page-cta { margin-top:10px; padding:5px 10px; }
}
@container research-angles (max-width:960px) {
 .research-angles .rac-canvas { --rac-edge:24px; --rac-top:154px; --rac-slot-height:calc((var(--rac-stack-height) - 42px) / 4); height:900px; }
 .research-angles .rac-company { left:24px; top:24px; width:calc(100% - 48px); height:100px; padding:16px 20px; display:grid; grid-template-columns:1fr auto; align-content:center; }
 .research-angles .rac-company-label { grid-column:1; margin-bottom:6px; }
 .research-angles .rac-company-identity { grid-column:1; }
 .research-angles .rac-company h3 { font-size:17px; }
 .research-angles .rac-competitors { grid-column:2; grid-row:1 / 3; margin-top:0; align-self:center; }
 .research-angles .rac-node { width:32%; }
 .research-angles .rac-node[data-position=focus] { left:calc(32% + 48px); width:calc(68% - 72px); }
 .research-angles .rac-question { font-size:16px; }
 .research-angles .rac-service { font-size:11px; }
}
@container research-angles (min-width:641px) and (max-width:960px) {
 .research-angles .rac-node[data-position=stack] { width:calc(32% - 18px); }
 .research-angles .rac-node[data-position=stack]:is([data-slot="1"],[data-slot="3"]) { left:42px; }
 .research-angles .rac-node[data-position=focus] { top:calc(var(--rac-top) + 16px); height:calc(var(--rac-stack-height) - 32px); }
}
@container research-angles (max-width:640px) {
 .research-angles .rac-canvas { height:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:20px; }
 .research-angles .rac-company { position:relative; inset:auto; grid-column:1 / -1; grid-row:1; width:auto; height:106px; padding:14px; }
 .research-angles .rac-node, .research-angles .rac-node[data-position=focus] { position:relative; inset:auto; width:100%; height:84px; grid-row:var(--mobile-row); grid-column:var(--mobile-column); transition:none; }
 .research-angles .rac-node[data-position=focus] { grid-row:4; grid-column:1 / -1; height:640px; margin-top:8px; }
 .research-angles .rac-node[data-position=stack] .rac-question { display:none; }
 .research-angles .rac-card { padding:14px; }
 .research-angles .rac-node[data-position=focus] .rac-card { padding:22px; }
 .research-angles .rac-node[data-position=stack] .rac-card-top > svg { display:none; }
 .research-angles .rac-service { font-size:11px; }
 .research-angles .rac-node[data-position=focus] .rac-question { font-size:25px; text-wrap:pretty; }
 .research-angles .rac-connections > g:not([data-selected=true]) { display:none; }
 .research-angles .rac-agency-action p { font-size:14px; }
}
@container research-angles (max-width:360px) {
 .research-angles .rac-company { height:130px; }
 .research-angles .rac-competitors { grid-column:1; grid-row:3; flex-direction:row; gap:12px; align-items:center; margin-top:10px; }
 .research-angles .rac-node[data-position=focus] { height:700px; }
 .research-angles .rac-node[data-position=focus] .rac-card { padding:18px; }
 .research-angles .rac-node[data-position=focus] .rac-question { font-size:23px; }
 .research-angles .rac-service { padding:3px 6px; font-size:10px; }
 .research-angles .rac-search-query { flex-wrap:wrap; }
 .research-angles .rac-search-query small { margin-left:23px; }
 .research-angles .rac-ai-mentions { flex-direction:column; gap:3px; }
 .research-angles .rac-position-row { align-items:flex-start; flex-direction:column; gap:6px; }
 .research-angles .rac-position-theme { margin-left:24px; }
 .research-angles .rac-detail { gap:16px; }
 .research-angles .rac-buyer-signal { flex-direction:column; align-items:flex-start; gap:6px; }
 .research-angles .rac-buyer-signal > span { max-width:none; }
 .research-angles .rac-page-preview { padding:14px; }
}