/* A local, illustrative workspace for Syntra Core's AI and data services. */
.intelligence-service-link{margin-top:18px;font-size:12px;color:#65358c}
.footer-top nav{flex-wrap:wrap}
.intelligence-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#50287826,transparent 60%),#0d0b13;border-top:1px solid #bd9ed21c}
.intelligence-section::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b69bc604 1px,transparent 1px),linear-gradient(90deg,#b69bc604 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 30%,transparent);pointer-events:none}
.intelligence-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}
.intelligence-copy{min-width:0}
.intelligence-copy .section-title{margin-top:24px;max-width:520px}
.intelligence-copy .section-title span{color:#c6a8e2}
.intelligence-copy .lead{margin-top:26px;font-size:16px;max-width:430px;color:#c0b5cd}
.intelligence-detail{margin-top:17px;max-width:420px;font-size:14px;line-height:1.85;color:#a59bb3}
.intelligence-copy>.text-link{margin-top:27px;gap:12px;font-size:13px;color:#e3ccef}
.intelligence-principle{margin-top:40px;padding-left:17px;border-left:2px solid #9b71bb66;font-size:12px;color:#a99ab6}
.intelligence-principle span{display:flex;align-items:center;gap:8px}
.intelligence-principle .icon{width:14px;height:14px;color:#c6a8e2}
.intelligence-principle strong{display:block;margin-top:3px;font-weight:500;color:#d8cae2}
.intelligence-workspace{min-width:0;border:1px solid #c6a8e22e;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#1c1624f7,#141019);box-shadow:0 25px 80px #0004,0 0 90px #733a9c0d}
.intelligence-window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-bottom:1px solid #c6a8e218;font-size:9px;line-height:1.6;letter-spacing:.08em;color:#c1accf}
.intelligence-window-bar>span:first-child{display:flex;align-items:center;gap:8px}
.intelligence-window-bar .icon{width:14px;height:14px;color:#d7b5ef}
.intelligence-window-bar>span:last-child{font-size:10px;letter-spacing:0;color:#ac9abb;white-space:nowrap}
.intelligence-tabs{display:flex;gap:3px;margin:18px 22px 0;padding:4px;border:1px solid #b68acc16;border-radius:8px;background:#0b091066}
.intelligence-tabs button{flex:1;min-width:0;min-height:42px;padding:8px 9px;border-radius:5px;background:transparent;font-size:11px;font-weight:500;line-height:1.5;color:#a89ab5;transition:color .2s,background .2s,box-shadow .2s}
.intelligence-tabs button:hover{color:#e3d2ef;background:#a172c00c}
.intelligence-tabs button[aria-selected="true"]{color:#f2e6fb;background:#5c3a72a6;box-shadow:0 2px 10px #0002,inset 0 1px 0 #e9d1fb12}
.intelligence-panel{padding:23px 26px 0}
.intelligence-panel:focus-visible{outline-offset:-4px;border-radius:10px}
.intelligence-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.intelligence-panel-heading p{font-size:9px;letter-spacing:.13em;color:#b99bcc}
.intelligence-panel-heading h3{margin-top:5px;font-size:20px;line-height:1.5;letter-spacing:-.035em;color:#f3edf7}
.intelligence-panel-heading>.icon{width:22px;height:22px;color:#af8fc7}
.intelligence-data-sources{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;font-size:10px;line-height:1.6;color:#b8a4c7}
.intelligence-data-sources span{padding:3px 8px;border:1px solid #bea0d325;border-radius:4px;background:#ad7aca05}
.intelligence-data-sources i{height:1px;width:12px;background:#c6a8e236}
.intelligence-chart,.intelligence-knowledge,.intelligence-workflow{margin-top:19px;padding:18px;border:1px solid #c6a8e21a;border-radius:9px;background:#0d0b1280;min-height:245px}
.intelligence-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#d0bfdc}
.intelligence-chart-heading small{font-size:9px;color:#9e8eac}
.intelligence-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}
.intelligence-metrics>span{padding-left:17px;border-left:1px solid #c6a8e21c}
.intelligence-metrics>span:first-child{padding-left:0;border:0}
.intelligence-metrics b{display:block;font-family:var(--display);font-size:27px;line-height:1.4;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#e8d8f1}
.intelligence-metrics>span:nth-child(2) b{color:#c7a6e1}
.intelligence-metrics>span:nth-child(3) b{color:#a4cab7}
.intelligence-metrics small{font-size:10px;color:#a89ab5}
.intelligence-trend{width:100%;height:104px;margin-top:8px;overflow:visible}
.intelligence-grid-line{stroke:#b296c719;stroke-width:1;fill:none}
.intelligence-trend-area{fill:url(#intelligence-area-fill)}
.intelligence-trend-line{fill:none;stroke:#c5a0de;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:0;animation:intelligence-draw 1.2s var(--ease) both}
.intelligence-trend-guide{stroke:#cfb2e455;stroke-width:1;stroke-dasharray:3 4;fill:none}
.intelligence-trend-point{fill:#e9d2f7;stroke:#6d427f;stroke-width:6;paint-order:stroke;animation:intelligence-point 3s ease-in-out infinite}
.intelligence-chart figcaption{display:flex;justify-content:space-between;margin-top:3px;font-size:9px;color:#9c8dab}
.intelligence-insight{display:flex;gap:12px;align-items:flex-start;min-height:132px;margin-top:19px;padding:15px;border:1px solid #ac82c736;border-radius:9px;background:linear-gradient(115deg,#5d357926,#8e5aa509)}
.intelligence-insight>.icon{width:18px;height:18px;margin-top:1px;color:#d1a9eb}
.intelligence-insight>div{min-width:0}
.intelligence-insight p:first-child{font-size:8px;letter-spacing:.1em;line-height:1.6;color:#bd9dd1}
.intelligence-insight h4{margin:6px 0 5px;font-size:12px;font-weight:500;line-height:1.65;color:#ecdef4}
.intelligence-insight p:last-child{font-size:11px;line-height:1.8;color:#b7a4c5}
.intelligence-next-step{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;margin-top:16px;font-size:10px;line-height:1.7}
.intelligence-next-step>span{display:flex;align-items:center;gap:7px;color:#b399c3}
.intelligence-next-step .icon{width:13px;height:13px}
.intelligence-next-step strong{font-weight:500;color:#d2c4dd}
.intelligence-demo-note{padding:18px 26px 20px;margin-top:15px;border-top:1px solid #c6a8e212;font-size:9px;line-height:1.8;color:#a695b3}
.intelligence-example-label{font-size:8px;letter-spacing:.12em;color:#ab8dbc}
.intelligence-knowledge blockquote{margin:11px 0 17px;font-family:var(--display);font-size:17px;line-height:1.6;letter-spacing:-.03em;color:#e0cce9}
.intelligence-document{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:11px;border-block:1px solid #c6a8e21c;font-size:10px;color:#c5b3d3}
.intelligence-document>span{display:flex;align-items:center;gap:7px}
.intelligence-document .icon{width:14px;height:14px;color:#b898cc}
.intelligence-document small{font-size:8px;color:#a48db5;white-space:nowrap}
.intelligence-answer{padding:0;margin:14px 0 0;list-style:none;display:grid;gap:9px;font-size:11px;color:#c2b2ce}
.intelligence-answer li{display:flex;gap:10px;align-items:baseline}
.intelligence-answer span{color:#977ca9;font-size:9px;font-variant-numeric:tabular-nums}
.intelligence-flow{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:23px}
.intelligence-flow li{display:flex;align-items:center;gap:12px;position:relative}
.intelligence-flow li+li::before{content:"";position:absolute;top:-23px;left:16px;width:1px;height:23px;background:linear-gradient(#aa83c340,#c5a6d860)}
.intelligence-flow-symbol{height:34px;width:34px;flex:none;display:grid;place-items:center;border:1px solid #c6a8e22b;border-radius:9px;background:#33223f;color:#c6a4dd}
.intelligence-flow-symbol .icon{width:17px;height:17px}
.intelligence-flow li:nth-child(2) .intelligence-flow-symbol{border-color:#c7a6e16e;background:#50315f;color:#e0c1f2;box-shadow:0 0 25px #b487d01a}
.intelligence-flow li:nth-child(3) .intelligence-flow-symbol{border-color:#a7d2bb36;background:#21362b;color:#b0d7c1}
.intelligence-flow strong{display:block;font-size:11px;font-weight:500;color:#dacbe5}
.intelligence-flow small{display:block;margin-top:3px;font-size:10px;color:#aa97b9}
.intelligence-flow-tag{margin-left:auto;flex:none;padding:3px 7px;background:#b499c008;border:1px solid #c6a8e21c;border-radius:4px;font-size:8px;color:#b89ec9}
.intelligence-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:64px;padding-top:32px;border-top:1px solid #c6a8e229}
.intelligence-capabilities article{padding-right:24px;border-right:1px solid #c6a8e21a}
.intelligence-capabilities article:last-child{border:0;padding-right:0}
.intelligence-capability-number{font-size:9px;letter-spacing:.12em;color:#ae8ec4}
.intelligence-capabilities h3{margin-top:10px;font-size:17px;line-height:1.5;letter-spacing:-.025em;color:#e4d7ed}
.intelligence-capabilities p{max-width:330px;margin-top:9px;font-size:13px;line-height:1.9;color:#a99ab6}
@keyframes intelligence-draw{from{stroke-dashoffset:520}to{stroke-dashoffset:0}}
@keyframes intelligence-point{50%{stroke-width:11;stroke-opacity:.35}}
.motion-paused .intelligence-section *,.motion-idle .intelligence-section *,.intelligence-section.motion-idle *{animation-play-state:paused!important}
@media(min-width:960px){.intelligence-workspace[data-interactive] .intelligence-panel{min-height:560px}}
@media(max-width:1199px){.intelligence-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.intelligence-copy .section-title{font-size:43px}.intelligence-panel{padding-inline:20px}.intelligence-chart-heading{font-size:10px;gap:8px}.intelligence-chart-heading small{font-size:8px}.intelligence-window-bar{padding-inline:18px;font-size:8px}.intelligence-window-bar>span:last-child{font-size:9px}.intelligence-tabs{margin-inline:18px}.intelligence-tabs button{font-size:10px;padding-inline:5px}.intelligence-demo-note{padding-inline:20px}.intelligence-document{flex-wrap:wrap}}
@media(max-width:959px){.intelligence-layout{grid-template-columns:1fr;gap:38px}.intelligence-copy .section-title{font-size:clamp(37px,6vw,55px);max-width:none}.intelligence-copy .lead{max-width:620px}.intelligence-detail{max-width:620px}.intelligence-principle{margin-top:23px}.intelligence-workspace{width:100%;max-width:680px;margin-inline:auto}.intelligence-panel{padding:24px 26px 0}.intelligence-window-bar{font-size:9px;padding:15px 22px}.intelligence-tabs{margin-inline:22px}.intelligence-tabs button{font-size:11px}.intelligence-chart-heading{font-size:11px}.intelligence-chart-heading small{font-size:9px}.intelligence-demo-note{padding-inline:26px}.intelligence-capabilities{gap:24px;margin-top:42px}.intelligence-capabilities article{padding-right:15px}.intelligence-capabilities h3{font-size:15px}.intelligence-capabilities p{font-size:12px}.intelligence-copy .text-link{font-size:13px}}
@media(max-width:719px){.intelligence-section{padding-block:68px}.intelligence-copy .section-title{font-size:38px}.intelligence-copy .eyebrow{font-size:9px;letter-spacing:.12em}.intelligence-copy .lead{font-size:15px}.intelligence-detail{font-size:13px}.intelligence-principle{font-size:11px}.intelligence-workspace{border-radius:12px}.intelligence-window-bar{padding:13px 15px;font-size:7px;gap:10px}.intelligence-window-bar .icon{width:12px;height:12px}.intelligence-window-bar>span:first-child{gap:6px}.intelligence-window-bar>span:last-child{font-size:8px}.intelligence-tabs{margin:14px 13px 0}.intelligence-tabs button{font-size:10px;min-height:44px;padding-inline:4px}.intelligence-panel{padding:20px 15px 0}.intelligence-panel-heading h3{font-size:18px}.intelligence-panel-heading p{font-size:8px}.intelligence-panel-heading>.icon{width:19px;height:19px}.intelligence-data-sources{font-size:9px;gap:6px}.intelligence-data-sources span{padding:3px 7px}.intelligence-data-sources i{width:8px}.intelligence-chart,.intelligence-knowledge,.intelligence-workflow{padding:14px;min-height:248px}.intelligence-chart-heading{align-items:flex-start;flex-direction:column;gap:2px;font-size:11px}.intelligence-chart-heading small{font-size:9px}.intelligence-metrics b{font-size:25px}.intelligence-metrics small{font-size:10px}.intelligence-trend{height:93px}.intelligence-insight{padding:13px 11px;gap:9px;min-height:0}.intelligence-insight h4{font-size:12px}.intelligence-insight p:last-child{font-size:11px}.intelligence-insight p:first-child{font-size:7px;letter-spacing:.07em}.intelligence-next-step{align-items:flex-start;flex-direction:column;gap:5px;font-size:10px}.intelligence-demo-note{font-size:9px;padding:15px;margin-top:17px}.intelligence-knowledge blockquote{font-size:16px}.intelligence-document{gap:4px;font-size:10px}.intelligence-document small{font-size:8px}.intelligence-answer{font-size:11px;gap:10px}.intelligence-flow{gap:23px}.intelligence-flow li{gap:9px}.intelligence-flow strong{font-size:10px}.intelligence-flow small{font-size:9px}.intelligence-flow-tag{font-size:7px;padding:3px 5px}.intelligence-flow-symbol{height:31px;width:31px}.intelligence-flow li+li::before{left:15px}.intelligence-capabilities{grid-template-columns:1fr;gap:0;padding-top:0;margin-top:34px}.intelligence-capabilities article{padding:22px 0;border-right:0;border-bottom:1px solid #c6a8e21a}.intelligence-capabilities article:last-child{padding-bottom:0}.intelligence-capabilities h3{font-size:17px;margin-top:7px}.intelligence-capabilities p{max-width:100%;font-size:13px;margin-top:6px}.intelligence-service-link{font-size:11px;gap:9px}}
@media(max-width:374px){.intelligence-copy .section-title{font-size:34px}.intelligence-window-bar{padding-inline:12px;font-size:6px}.intelligence-window-bar>span:last-child{font-size:7px}.intelligence-tabs{margin-inline:10px}.intelligence-tabs button{font-size:9px;padding-inline:2px}.intelligence-panel{padding-inline:12px}.intelligence-data-sources{font-size:8px;gap:5px}.intelligence-data-sources span{padding-inline:6px}.intelligence-data-sources i{width:6px}.intelligence-panel-heading h3{font-size:17px}.intelligence-flow-tag{display:none}.intelligence-knowledge blockquote{font-size:15px}.intelligence-answer{font-size:10px}.intelligence-demo-note{padding-inline:12px}}
@media(max-width:719px){.intelligence-window-bar{flex-wrap:wrap;font-size:8px;gap:6px 12px}.intelligence-window-bar>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.intelligence-section *{animation:none!important;transition:none!important}}