.ai-page .ai-hero{background:radial-gradient(circle at 82% 28%,#dceeff 0,transparent 31%),linear-gradient(135deg,#fff 64%,#f1f7ff)}.ai-core{border-color:#4e9ee3;background:#e9f6ff}.section-copy{max-width:720px;margin-top:24px;color:var(--sm-text);line-height:1.7}.opportunity-system{padding:32px;border:1px solid var(--sm-line);background:#fff}.business-flow{display:grid;grid-template-columns:repeat(9,auto);align-items:center;margin:0;padding:0;list-style:none}.business-flow li{padding:18px 13px;border:1px solid #b8cde0;background:#f8fbff;color:var(--sm-navy);font:800 .6rem Manrope;text-align:center}.business-flow li:not(:last-child):after{content:"→";display:inline-block;margin-left:26px;color:#7899b7}.support-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:28px}.support-grid button{min-height:58px;border:1px solid var(--sm-line);background:#fff;color:#53677e;font:700 .56rem Manrope;cursor:pointer;transition:.22s}.support-grid button:hover,.support-grid button:focus-visible{outline:0;border-color:var(--sm-blue);background:#edf7ff;color:var(--sm-blue);transform:translateY(-2px);box-shadow:0 7px 16px rgba(22,77,137,.08)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.info-grid span{position:relative;padding:13px 10px 13px 27px;border:1px solid var(--sm-line);background:#fbfdff;color:var(--sm-navy);font:700 .54rem Manrope;transition:.21s}.info-grid span:before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border:1px solid #7694af;transform:translateY(-50%) rotate(45deg)}.info-grid span:hover{border-color:var(--sm-blue);background:#edf7ff;color:var(--sm-blue);transform:translateY(-2px);box-shadow:0 7px 16px rgba(22,77,137,.08)}.dark-info span{border-color:#30496c;background:#0b1b45;color:#c5d4e4}.dark-info span:hover{border-color:var(--sm-cyan);background:#142d5b;color:#fff;box-shadow:0 7px 16px rgba(0,0,0,.16)}.stack-output{display:flex;flex-direction:column;gap:0}.stack-output>i{width:1px;height:22px;margin:auto;background:var(--sm-blue)}.integration-grid{grid-template-columns:repeat(3,1fr)}.integration-grid button:last-child{grid-column:2}.context-eight{grid-template-columns:repeat(4,1fr)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-grid article{position:relative;padding:34px;border:1px solid var(--sm-line);background:#fff;clip-path:polygon(0 0,95% 0,100% 8%,100% 100%,0 100%);transition:.23s}.comparison-grid article:hover{border-color:var(--sm-blue);background:#f8fcff;transform:translateY(-3px);box-shadow:0 12px 26px rgba(22,77,137,.09)}.comparison-grid small{color:var(--sm-blue);font:800 .55rem Manrope;letter-spacing:.12em}.comparison-grid h3{margin:20px 0 12px;font:800 1.2rem Manrope}.comparison-grid p{color:var(--sm-text);line-height:1.7}.layer-stack{display:flex;flex-direction:column;gap:12px;margin:0;padding:28px;border:1px solid #30496c;background:#0b1b45;list-style:none}.layer-stack li{position:relative;padding:18px;border:1px solid #385478;background:#0e214d;color:#dce7f3;font:800 .6rem Manrope;letter-spacing:.06em;text-align:center;transition:.22s}.layer-stack li:hover{border-color:var(--sm-cyan);background:#15305f;color:#fff;transform:translateY(-2px)}.layer-stack li:not(:last-child):after{content:"";position:absolute;top:100%;left:50%;width:1px;height:13px;background:#48698f}.ai-factor-system .factor-source{position:relative}.ai-factor-system .factor-source:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:26px;background:#bad0e2}.ai-page [data-independent-hover] .factor-grid button:hover{transform:translateY(-2px)}
@media(max-width:1100px){.support-grid{grid-template-columns:repeat(3,1fr)}.business-flow{grid-template-columns:repeat(5,1fr);gap:8px}.business-flow li:not(:last-child):after{display:none}}
@media(max-width:767px){.business-flow{display:flex;flex-direction:column}.business-flow li{width:100%;position:relative}.business-flow li:not(:last-child):after{content:"";display:block;position:absolute;top:100%;left:50%;width:1px;height:13px;margin:0;background:#91abc2}.support-grid{grid-template-columns:repeat(2,1fr)}.integration-grid,.context-eight{grid-template-columns:repeat(2,1fr)}.integration-grid button:last-child{grid-column:1/-1}.comparison-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:390px){.support-grid,.integration-grid,.context-eight,.info-grid{grid-template-columns:1fr}.integration-grid button:last-child{grid-column:auto}.comparison-grid article{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.support-grid button:hover,.info-grid span:hover,.comparison-grid article:hover,.layer-stack li:hover{transform:none}}
.ai-page .dark-system .factor-grid button:hover,.ai-page .dark-system .factor-grid button:focus-visible,.ai-page .dark-system .factor-grid button.is-active{border-color:var(--sm-cyan);background:#15305f;color:#fff;transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,0,0,.16)}.ai-page .dark-system .factor-target:hover,.ai-page .dark-system .factor-target:focus-visible,.ai-page .dark-system .factor-target.is-active{border-color:var(--sm-cyan);background:#12427c;color:#fff}.ai-page .dark-system .factor-target small,.ai-page .dark-system .factor-target b{color:inherit}
@media(prefers-reduced-motion:reduce){.ai-page .dark-system .factor-grid button:hover{transform:none}}
.ai-hero-system .ai-core{position:absolute;z-index:2;top:340px;left:calc(50% - 65px);display:block;width:130px;min-height:0;height:56px;padding:0;transform:none;box-shadow:none;overflow:visible}
@media(max-width:767px){.ai-hero-system .ai-core{position:relative;top:auto;right:auto;left:auto;display:flex;width:100%;height:50px;min-height:0;margin:0 0 22px;padding:0;transform:none}}

/* AI opportunity: workflow architecture */
.ai-opportunity{padding:124px 0 128px;overflow:hidden;background:linear-gradient(180deg,#f6faff,#eef6fd)}
.ai-opportunity:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(124,166,205,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(124,166,205,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 82%,transparent)}
.ai-opportunity:after{content:"";position:absolute;top:42%;left:50%;width:680px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(44,158,243,.13),transparent 68%);transform:translate(-50%,-50%);pointer-events:none}
.ai-opportunity .container{position:relative;z-index:1}.opportunity-head{max-width:840px;margin:0 auto 44px;text-align:center}.opportunity-head .sm-eyebrow{justify-content:center;margin-bottom:22px}.opportunity-head h2{font-size:clamp(3.25rem,4.25vw,4rem);line-height:1.03}.opportunity-head h2 span{display:block}.opportunity-head>p:last-child{max-width:700px;margin:22px auto 0;color:var(--sm-text);font-size:.96rem;line-height:1.72}
.opportunity-architecture{position:relative;max-width:1120px;margin:auto;padding:28px 42px 32px;border:1px solid rgba(172,199,223,.66);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 24px 60px rgba(24,68,116,.07);backdrop-filter:blur(5px)}
.architecture-label{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;color:#69829b;font:800 .55rem Manrope;letter-spacing:.16em}.architecture-label i{width:34px;height:1px;background:#b5cce0}
.workflow-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}.workflow-rail li{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;min-height:82px;padding:16px 17px;border:1px solid #bfd2e3;border-radius:10px;background:#fbfdff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);cursor:pointer;transition:transform .21s ease,border-color .21s ease,background .21s ease,box-shadow .21s ease}.workflow-rail li:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:31px;height:1px;background:#a9c2d8}.workflow-rail li:not(:last-child):before{content:"";position:absolute;z-index:3;left:calc(100% + 13px);top:calc(50% - 3px);width:6px;height:6px;border:1px solid #87a9c5;background:#f4f9fd;transform:rotate(45deg)}.workflow-rail small{grid-column:1/-1;color:#7991a8;font:700 .5rem Manrope;letter-spacing:.1em}.workflow-rail li>i{align-self:center;width:8px;height:8px;border:1px solid #7699b7;transform:rotate(45deg);transition:.21s}.workflow-rail b{align-self:center;color:var(--sm-navy);font-size:.68rem;letter-spacing:.07em}.workflow-rail li:hover,.workflow-rail li:focus-visible,.workflow-rail li.is-related{outline:0;border-color:var(--sm-blue);background:#edf7ff;box-shadow:0 8px 18px rgba(8,126,245,.08);transform:translateY(-2px)}.workflow-rail li:hover>i,.workflow-rail li:focus-visible>i,.workflow-rail li.is-related>i{border-color:var(--sm-blue);background:var(--sm-cyan)}
.ai-bridge{display:grid;grid-template-columns:repeat(5,1fr);height:45px;margin:0 6.8%}.ai-bridge i{position:relative}.ai-bridge i:before{content:"";position:absolute;top:0;left:50%;width:1px;height:30px;background:linear-gradient(#b6cce0,rgba(182,204,224,.2));transition:.22s}.ai-bridge i:after{content:"";position:absolute;left:50%;top:29px;width:calc(250% + 1px);height:1px;background:#c5d7e7;opacity:.42}.ai-bridge i:nth-child(3):after{display:none}.ai-bridge i:nth-child(n+4):after{left:auto;right:50%}.ai-bridge i.is-related:before{width:2px;background:linear-gradient(var(--sm-blue),rgba(8,126,245,.25))}
.ai-support-layer{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:270px;min-height:76px;margin:0 auto 24px;padding:15px 34px;border:1px solid #238fe7;border-radius:10px;background:linear-gradient(135deg,#06183f,#0b3978);color:#fff;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 15px 30px rgba(5,32,78,.2);cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.ai-support-layer:before{content:"";position:absolute;top:0;left:28px;width:64px;height:2px;background:linear-gradient(90deg,var(--sm-blue),var(--sm-cyan))}.ai-support-layer small{margin-bottom:6px;color:#8ddff3;font:700 .47rem Manrope;letter-spacing:.16em}.ai-support-layer b{font-size:.82rem;letter-spacing:.08em}.ai-support-layer>i{position:absolute;right:20px;width:7px;height:7px;border:1px solid var(--sm-cyan);transform:rotate(45deg)}.ai-support-layer:hover,.ai-support-layer:focus-visible{outline:0;border-color:var(--sm-cyan);transform:translateY(-2px);box-shadow:0 17px 34px rgba(5,32,78,.24)}
.capability-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px;max-width:820px;margin:auto}.capability-grid:before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:24px;background:#87b8df}.capability-grid button{position:relative;display:flex;align-items:center;gap:14px;min-height:68px;padding:13px 18px;border:1px solid #c6d7e6;border-radius:8px;background:#fff;color:var(--sm-navy);text-align:left;cursor:pointer;transition:transform .21s ease,border-color .21s ease,background .21s ease,box-shadow .21s ease}.capability-grid button>i{flex:0 0 auto;width:8px;height:8px;border:1px solid #789ab8;transform:rotate(45deg);transition:.21s}.capability-grid span,.capability-grid b,.capability-grid small{display:block}.capability-grid b{font-size:.66rem;letter-spacing:.07em}.capability-grid small{margin-top:5px;color:#718399;font:500 .61rem Inter}.capability-grid button:hover,.capability-grid button:focus-visible,.capability-grid button.is-related{outline:0;border-color:var(--sm-blue);background:#edf7ff;box-shadow:0 8px 18px rgba(8,126,245,.08);transform:translateY(-2px)}.capability-grid button:hover>i,.capability-grid button:focus-visible>i,.capability-grid button.is-related>i{border-color:var(--sm-blue);background:var(--sm-cyan)}.has-interaction .capability-grid button:not(.is-related),.has-interaction .workflow-rail li:not(.is-related){opacity:.68}
.value-connector{height:25px}.value-connector i{display:block;width:1px;height:25px;margin:auto;background:linear-gradient(#8fb4d3,#bcd0e1)}.business-value{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:820px;min-height:74px;margin:auto;padding:15px 22px;border:1px solid #bfd3e5;border-radius:9px;background:linear-gradient(100deg,#f8fcff,#eef7ff)}.business-value small,.business-value b{display:block}.business-value small{margin-bottom:5px;color:#758ba1;font:700 .46rem Manrope;letter-spacing:.14em}.business-value b{font-size:.7rem;letter-spacing:.08em}.business-value ul{display:flex;gap:22px;margin:0;padding:0;list-style:none}.business-value li{position:relative;padding-left:13px;color:#567087;font:700 .5rem Manrope;letter-spacing:.06em}.business-value li:before{content:"";position:absolute;left:0;top:4px;width:5px;height:5px;border:1px solid var(--sm-blue);transform:rotate(45deg)}.opportunity-signal{position:absolute;z-index:5;top:102px;left:7%;width:6px;height:6px;background:var(--sm-cyan);opacity:0;transform:rotate(45deg)}
.js-social .ai-opportunity:not(.is-visible) .opportunity-head>*{opacity:0;transform:translateY(14px)}.js-social .ai-opportunity.is-visible .opportunity-head>*{animation:opportunityIn .48s ease-out both}.js-social .ai-opportunity.is-visible .opportunity-head .sm-eyebrow{animation-delay:.05s}.js-social .ai-opportunity.is-visible .opportunity-head h2{animation-delay:.13s}.js-social .ai-opportunity.is-visible .opportunity-head>p:last-child{animation-delay:.23s}.js-social .ai-opportunity:not(.is-visible) .workflow-rail li,.js-social .ai-opportunity:not(.is-visible) .ai-support-layer,.js-social .ai-opportunity:not(.is-visible) .capability-grid button,.js-social .ai-opportunity:not(.is-visible) .business-value{opacity:0;transform:translateY(10px)}.js-social .ai-opportunity.is-visible .workflow-rail li,.js-social .ai-opportunity.is-visible .ai-support-layer,.js-social .ai-opportunity.is-visible .capability-grid button,.js-social .ai-opportunity.is-visible .business-value{animation:opportunityIn .4s ease-out both}.js-social .ai-opportunity.is-visible .workflow-rail li:nth-child(1){animation-delay:.38s}.js-social .ai-opportunity.is-visible .workflow-rail li:nth-child(2){animation-delay:.45s}.js-social .ai-opportunity.is-visible .workflow-rail li:nth-child(3){animation-delay:.52s}.js-social .ai-opportunity.is-visible .workflow-rail li:nth-child(4){animation-delay:.59s}.js-social .ai-opportunity.is-visible .workflow-rail li:nth-child(5){animation-delay:.66s}.js-social .ai-opportunity.is-visible .ai-support-layer{animation-delay:.78s}.js-social .ai-opportunity.is-visible .capability-grid button:nth-child(1){animation-delay:.88s}.js-social .ai-opportunity.is-visible .capability-grid button:nth-child(2){animation-delay:.94s}.js-social .ai-opportunity.is-visible .capability-grid button:nth-child(3){animation-delay:1s}.js-social .ai-opportunity.is-visible .capability-grid button:nth-child(4){animation-delay:1.06s}.js-social .ai-opportunity.is-visible .capability-grid button:nth-child(5){animation-delay:1.12s}.js-social .ai-opportunity.is-visible .capability-grid button:nth-child(6){animation-delay:1.18s}.js-social .ai-opportunity.is-visible .business-value{animation-delay:1.28s}.js-social .ai-opportunity.is-visible .opportunity-signal{animation:opportunitySignal 1.35s 1.42s ease-in-out both}@keyframes opportunityIn{to{opacity:1;transform:none}}@keyframes opportunitySignal{0%{opacity:0;left:7%;top:102px}12%{opacity:1}54%{left:50%;top:245px}88%{opacity:1;left:50%;top:505px}100%{opacity:0;left:50%;top:505px}}
@media(max-width:1100px){.ai-opportunity{padding:108px 0}.opportunity-architecture{padding-inline:30px}.workflow-rail{grid-template-columns:repeat(3,1fr);gap:12px}.workflow-rail li:nth-child(3){grid-column:auto}.workflow-rail li:nth-child(n+4){width:calc(150% + 6px)}.workflow-rail li:nth-child(4){justify-self:start}.workflow-rail li:nth-child(5){justify-self:end}.workflow-rail li:after,.workflow-rail li:before{display:none}.ai-bridge{height:32px}.ai-bridge i:after{display:none!important}.business-value{align-items:flex-start;flex-direction:column;gap:12px}.business-value ul{flex-wrap:wrap}}
@media(max-width:767px){.ai-opportunity{padding:76px 0 82px}.opportunity-head{margin-bottom:34px;text-align:left}.opportunity-head .sm-eyebrow{justify-content:flex-start}.opportunity-head h2{font-size:clamp(2.45rem,11vw,3.25rem)}.opportunity-head h2 span{display:inline}.opportunity-architecture{padding:24px 18px 25px;border-radius:14px}.workflow-rail{display:flex;flex-direction:column;gap:18px}.workflow-rail li{width:100%!important;min-height:66px}.workflow-rail li:not(:last-child):after{display:block;left:50%;top:100%;width:1px;height:19px;background:#aac3d8}.workflow-rail li:not(:last-child):before{display:block;left:calc(50% - 3px);top:calc(100% + 6px)}.ai-bridge{display:block;height:28px;margin:0}.ai-bridge i{display:none}.ai-bridge i:nth-child(3){display:block;height:28px}.ai-bridge i:nth-child(3):before{height:28px}.ai-support-layer{width:min(100%,270px);margin-bottom:24px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.capability-grid button{min-width:0;padding:12px;gap:11px}.business-value ul{gap:12px 18px}.opportunity-signal{display:none}}
@media(max-width:370px){.opportunity-architecture{padding-inline:14px}.capability-grid{grid-template-columns:1fr}.business-value{padding:15px}.business-value ul{display:grid;gap:9px}}
@media(prefers-reduced-motion:reduce){.ai-opportunity *{animation:none!important;transition:none!important}.js-social .ai-opportunity .opportunity-head>*,.js-social .ai-opportunity .workflow-rail li,.js-social .ai-opportunity .ai-support-layer,.js-social .ai-opportunity .capability-grid button,.js-social .ai-opportunity .business-value{opacity:1!important;transform:none!important}.opportunity-signal{display:none!important}.workflow-rail li:hover,.capability-grid button:hover,.ai-support-layer:hover{transform:none}}
