.services-section{position:relative;background:#fff;padding:70px 6.2% 110px;scroll-margin-top:24px;color:#111}
.services-header{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto 44px;padding-top:28px;border-top:1px solid #dfe5ef}
.services-header h2{font-size:14px;font-weight:400;color:#65718b;margin:0;letter-spacing:.015em}


.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1280px;margin:auto}
.service-item{min-width:0;padding:0 28px;border-right:1px solid #e2e7ef}.service-item:first-child{padding-left:0}.service-item:last-child{padding-right:0;border-right:0}
.service-number{display:block;color:#183bb1;font-size:14px;margin-bottom:22px;font-variant-numeric:tabular-nums}
.service-item h3{font-size:clamp(23px,2.2vw,32px);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0 0 18px}
.service-description{font-size:15px;font-weight:350;line-height:1.7;color:#6b717c;margin:0;min-height:105px;max-width:350px}
.service-demo{height:235px;margin-top:25px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 115%,#cadffd85,transparent 70%),#f7faff;border-radius:12px}
.service-scope{font-size:14px;line-height:1.8;color:#6c7c98;margin:20px 0 0;letter-spacing:.005em}.service-scope span{margin:0 5px;color:#9eb2d4}
.mini-browser{width:84%;border:1px solid #d9e3f3;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 10px 26px #2957a512;transform:translateY(8px)}
.browser-bar{height:24px;display:flex;gap:3px;align-items:center;padding:0 10px;border-bottom:1px solid #edf1f7}.browser-bar>span{width:4px;height:4px;border-radius:50%;background:#ced9eb}.browser-bar i{font-size:14px;font-style:normal;color:#91a0b7;margin:auto}
.mini-page{padding:14px 14px 17px;height:156px;position:relative;isolation:isolate}.mini-nav{display:flex;justify-content:space-between;font-size:14px;color:#66738d}.mini-nav b{font-weight:500;color:#273c61}.mini-site-title{font-size:18px;line-height:1.15;letter-spacing:-.04em;margin-top:19px;color:#122e71}.mini-lines{display:grid;gap:4px;margin-top:9px}.mini-lines i{height:3px;background:#d6dfed;width:79px;border-radius:3px}.mini-lines i:last-child{width:58px}.mini-cta{font-size:14px;border-radius:999px;background:#183bb1;color:white;width:79px;height:19px;display:flex;align-items:center;justify-content:space-around;margin-top:10px;animation:site-press 7s infinite}
.mini-orbit{position:absolute;width:100px;height:100px;right:-17px;top:55px;border-radius:50%;z-index:-1;background:radial-gradient(circle at 30% 30%,#d3edff,#7aaffb 55%,#2954c9);box-shadow:inset 5px 3px 15px #ffffff70;animation:orb-drift 7s ease-in-out infinite}.mini-pointer{position:absolute;left:55%;top:75%;width:14px;height:18px;animation:site-pointer 7s cubic-bezier(.4,0,.2,1) infinite}.mini-pointer svg{width:100%;height:100%;fill:#24458c;stroke:white;stroke-width:1.8;filter:drop-shadow(0 2px 2px #173b8826)}
.mini-chat{width:87%;padding:15px 13px;background:#fff;border:1px solid #e1e8f3;border-radius:11px;box-shadow:0 10px 24px #2957a50c;min-height:183px}.chat-heading{display:flex;align-items:center;gap:8px;font-size:14px;color:#20365d}.agent-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf3ff;color:#183bb1;font-size:17px}.chat-heading small{display:flex;align-items:center;gap:4px;margin-top:4px;color:#8996ac;font-size:14px}.chat-heading small i{width:3px;height:3px;background:#5787c7;border-radius:50%}.chat-question{font-size:14px;color:#375489;background:#edf3ff;border-radius:8px 8px 2px 8px;padding:10px;margin:17px 0 10px 24px}.chat-response{position:relative;min-height:54px;color:#55657f;font-size:14px;line-height:1.5;padding-left:2px}.typing-dots{position:absolute;top:5px;left:6px;display:flex;gap:4px;animation:typing-hide 7s infinite}.typing-dots i{width:4px;height:4px;background:#849ac3;border-radius:50%;animation:typing-bounce 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.answer-content{animation:answer-reveal 7s infinite}.mini-document{display:flex;align-items:center;gap:7px;border:1px solid #dfe8f6;background:#fbfdff;border-radius:5px;padding:7px;margin-top:7px;font-size:14px;color:#274b96}.mini-document>span{font-size:14px}.mini-document>i{font-style:normal;margin-left:auto}
.workflow{width:90%;background:#fff;border:1px solid #e0e8f4;border-radius:11px;padding:18px 12px;box-shadow:0 10px 24px #2957a50c}.workflow-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4b5e7e}.workflow-title>i{font-style:normal;font-size:14px;color:#6f8cb9;border:1px solid #dce6f6;border-radius:999px;padding:3px 6px}.flow-row{display:flex;align-items:flex-start;margin:26px 0 20px;justify-content:space-between}.flow-node{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:14px;color:#647a9b;min-width:43px}.node-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #d9e4f6;border-radius:10px;background:#f4f8ff;font-size:21px;font-weight:350;color:#2853ab;animation:node-light 7s infinite}.node-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.node-two .node-icon{animation-delay:1.4s}.node-three .node-icon{animation-delay:2.8s}.flow-line{height:1px;background:#dbe5f5;position:relative;flex:1;margin-top:17px;overflow:hidden}.flow-line i{position:absolute;left:-30%;top:0;width:30%;height:1px;background:#2e61ca;animation:flow-travel 7s infinite}.line-two i{animation-delay:1.4s}.flow-status{height:20px;position:relative;font-size:14px;color:#7e91af;text-align:center}.flow-wait,.flow-done{position:absolute;left:0;right:0;top:4px}.flow-wait{animation:status-wait 7s infinite}.flow-done{color:#204b9e;animation:status-done 7s infinite}
.service-demo *{animation-play-state:paused!important}.service-item.is-visible .service-demo *{animation-play-state:running!important}
@keyframes site-pointer{0%,15%,90%,100%{transform:translate(30px,-12px)}40%,65%{transform:translate(-75px,5px)}50%{transform:translate(-75px,5px) scale(.85)}}
@keyframes site-press{0%,42%,60%,100%{background:#183bb1;transform:none}49%,54%{background:#436bca;transform:scale(.96)}}
@keyframes orb-drift{0%,100%{transform:translateY(4px)}50%{transform:translateY(-5px)}}
@keyframes typing-bounce{0%,70%,100%{transform:none;opacity:.5}35%{transform:translateY(-3px);opacity:1}}
@keyframes typing-hide{0%,23%{opacity:1}30%,90%{opacity:0}100%{opacity:1}}
@keyframes answer-reveal{0%,23%{opacity:0;transform:translateY(5px)}35%,88%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(5px)}}
@keyframes node-light{0%,12%,55%,100%{background:#f4f8ff;border-color:#d9e4f6;color:#2853ab}20%,38%{background:#183bb1;border-color:#183bb1;color:#fff}}
@keyframes flow-travel{0%,18%{left:-30%;opacity:0}20%{opacity:1}40%{left:100%;opacity:1}42%,100%{left:100%;opacity:0}}
@keyframes status-wait{0%,55%,100%{opacity:1}65%,90%{opacity:0}}
@keyframes status-done{0%,55%,100%{opacity:0;transform:translateY(3px)}65%,90%{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:801px){.service-item{padding-inline:18px}.service-description{min-height:132px;font-size:14px}.service-demo{height:210px}.mini-page{padding-inline:10px}.mini-orbit{width:75px;height:75px;right:-28px}.mini-site-title{font-size:16px}.mini-chat{padding-inline:9px}.chat-question{font-size:14px;margin-left:10px}.chat-response{font-size:14px}.workflow{padding-inline:8px}.flow-node{min-width:35px;font-size:14px}.service-scope{font-size:14px}}
@media(max-width:800px){.services-section{padding:36px 6% 85px}.services-header{margin-bottom:32px;padding-top:24px;align-items:flex-start;gap:12px}.services-header h2{max-width:190px;font-size:14px;line-height:1.6}.services-grid{grid-template-columns:1fr}.service-item,.service-item:first-child,.service-item:last-child{border-right:0;padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid #e2e7ef}.service-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.service-number{margin-bottom:14px}.service-item h3{font-size:30px;margin-bottom:14px}.service-description{min-height:0;max-width:500px;font-size:15px}.service-demo{max-width:500px;height:250px;margin-top:24px}.mini-browser{max-width:290px}.mini-chat{max-width:290px}.workflow{max-width:290px}.service-scope{font-size:14px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.service-demo *{animation:none!important;transition:none!important}.typing-dots,.flow-wait{display:none}.answer-content,.flow-done{opacity:1;transform:none}.mini-pointer{display:none}}

/* Clearer service hierarchy and readable demonstrations. */
.services-header{margin-bottom:48px;align-items:center}
.services-header h2{font-size:34px;line-height:1.2;font-weight:350;letter-spacing:-.045em;color:#111}
.service-description{font-size:15px;line-height:1.7;min-height:128px;max-width:none}
.service-demo{height:272px;margin-top:22px;background:radial-gradient(ellipse at 70% 120%,#9ec6ff66,transparent 70%),linear-gradient(145deg,#f9fbff,#eef4fd);border-radius:16px}
.service-scope{font-size:14px;color:#67758b;line-height:1.7}
.mini-browser{width:88%;transform:translateY(3px)}
.browser-bar{height:28px}.browser-bar i{font-size:14px}
.mini-page{height:182px;padding:15px 16px 18px}
.mini-nav{font-size:14px}.mini-site-title{font-size:22px;margin-top:22px}
.mini-cta{font-size:14px;width:99px;height:24px}
.mini-orbit{width:108px;height:108px;top:60px;right:-20px}
.mini-chat{width:90%;padding:17px 13px;min-height:210px}
.chat-heading{font-size:14px}.chat-heading small{font-size:14px}
.agent-mark{width:28px;height:28px}
.chat-question{font-size:14px;margin-top:19px;margin-left:14px;line-height:1.5}
.chat-response{font-size:14px;min-height:64px}
.mini-document{font-size:14px;padding:8px}
.workflow{width:91%;padding:21px 13px}
.workflow-title{font-size:14px}.workflow-title>i{font-size:14px}
.flow-row{margin-top:30px;margin-bottom:24px}
.flow-node{font-size:14px;min-width:49px}
.node-icon{width:39px;height:39px}.flow-line{margin-top:19px}
.flow-status{font-size:14px;height:26px}
@media(max-width:1000px) and (min-width:801px){.service-description{min-height:178px;font-size:14px}.service-demo{height:254px}.mini-page{padding:14px 10px}.mini-site-title{font-size:18px}.mini-orbit{width:80px;right:-28px}.mini-chat{padding-inline:9px}.chat-heading{font-size:14px}.chat-heading small{font-size:14px}.chat-question,.chat-response{font-size:14px}.flow-node{min-width:36px;font-size:14px}.workflow{padding-inline:8px}.workflow-title{font-size:14px}.workflow-title>i{font-size:14px}.flow-status{font-size:14px}.service-scope{font-size:14px}}
@media(max-width:800px){.services-header{margin-bottom:36px}.services-header h2{font-size:28px;max-width:210px;line-height:1.15}.service-item h3{font-size:29px}.service-description{min-height:0;max-width:500px;font-size:15px}.service-demo{height:270px;margin-top:23px}.service-scope{font-size:14px}.mini-browser,.mini-chat,.workflow{max-width:310px}}


@media(max-width:800px){.services-header{flex-direction:column;align-items:flex-start;gap:22px}.services-header h2{max-width:none}.services-header .cta{flex-shrink:0}}

/* Reveal each service once, in reading order. */
.service-item.reveal-ready{opacity:0;transform:translateY(34px);transition:opacity 800ms ease,transform 1000ms cubic-bezier(.22,1,.36,1);transition-delay:var(--entry-delay,0ms)}
.service-item.reveal-ready.has-entered{opacity:1;transform:none}
@media(max-width:800px){.service-item.reveal-ready{transition-delay:0ms;transform:translateY(20px)}.service-item.reveal-ready.has-entered{transform:none}}
@media(prefers-reduced-motion:reduce){.service-item.reveal-ready{opacity:1;transform:none;transition:none}}

/* Independent service cards. */
.services-grid{gap:20px;align-items:stretch}
.service-item,.service-item:first-child,.service-item:last-child{padding:27px 23px 24px;border:1px solid #e1e7f1;border-radius:22px;background:linear-gradient(160deg,#fff 55%,#f6f9ff);box-shadow:0 4px 18px #17378204;display:flex;flex-direction:column;min-width:0}
.service-number{margin-bottom:20px}
.service-item h3{font-size:clamp(23px,2.1vw,30px)}
.service-description{min-height:145px}
.service-demo{margin-top:auto;flex-shrink:0;height:260px}
.service-scope{margin-top:20px;min-height:38px}
@media(max-width:1000px) and (min-width:801px){.services-grid{gap:14px}.service-item,.service-item:first-child,.service-item:last-child{padding:23px 16px 20px}.service-description{min-height:180px}.service-demo{height:240px}.service-item h3{font-size:23px}}
@media(max-width:800px){.services-grid{gap:20px}.service-item,.service-item:first-child,.service-item:last-child{padding:25px 21px 23px;margin:0;border:1px solid #e1e7f1;border-radius:20px}.service-item h3{font-size:28px}.service-description{min-height:0;margin-bottom:24px}.service-demo{margin-top:0;height:255px;max-width:none}.service-scope{min-height:0;margin-top:18px}.mini-chat{width:94%}.workflow{width:95%}}

/* Updated offer: three AI implementation products. */
.services-heading{max-width:760px}
.services-eyebrow{font-size:14px;color:#68758c;font-weight:400;margin:0 0 18px}
.services-header{align-items:flex-end;gap:40px}
.services-header h2{font-size:clamp(29px,3.1vw,42px);line-height:1.15;letter-spacing:-.045em}
.services-header>.cta{flex-shrink:0;margin-bottom:3px}
.service-description{min-height:195px;padding-bottom:24px}
.service-description strong{display:block;font-weight:450;color:#252e3e;line-height:1.6}
.service-description>span{display:block;margin-top:12px}
@media(max-width:1000px) and (min-width:801px){.service-description{min-height:265px}.services-header{gap:24px}.services-header h2{font-size:32px}}
@media(max-width:800px){.services-header{align-items:flex-start;gap:24px}.services-heading{max-width:520px}.services-header h2{font-size:30px;line-height:1.17;max-width:none}.service-description{min-height:0;padding-bottom:0;margin-bottom:25px}.services-eyebrow{margin-bottom:14px}}

/* Product-specific diagrams for the current offer. */
.offer-demo{background:radial-gradient(ellipse at 60% 105%,#b4d2ff75,transparent 68%),linear-gradient(145deg,#f8fbff,#edf4ff);padding:15px 12px}
.funnel-diagram,.shop-diagram,.company-diagram{width:100%;max-width:310px;color:#354968}
.diagram-topline{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;color:#284676;margin-bottom:19px}
.diagram-live{display:flex;align-items:center;gap:4px;font-size:14px;color:#7890b3;white-space:nowrap}.diagram-live i{width:4px;height:4px;border-radius:50%;background:#668dd0}
.funnel-steps{position:relative;display:grid;gap:11px}
.funnel-steps:before{content:"";position:absolute;top:18px;bottom:18px;left:27px;width:1px;background:#abc5ec}
.funnel-step{position:relative;z-index:1;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #dce6f5;background:#ffffffed;border-radius:10px;box-shadow:0 3px 8px #1c4a8a04;animation:funnel-highlight 7s ease-in-out infinite;animation-delay:calc(var(--step)*1.2s)}
.diagram-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:#ecf3ff;color:#345fa8}.diagram-icon svg,.company-node svg,.shop-result svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.funnel-step b{display:block;font-size:14px;font-weight:400;line-height:1.3;color:#274779}.funnel-step small{display:block;font-size:14px;color:#7c8da8;line-height:1.4;margin-top:3px}
.step-confirm{margin-left:auto;font-size:14px;color:#1f55b1;animation:step-confirm 7s ease infinite;animation-delay:calc(var(--step)*1.2s)}
.shop-diagram{padding:0 1px}.shop-diagram .diagram-topline{margin-bottom:14px}
.shop-product{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #dbe5f4;border-radius:11px;background:#fff;box-shadow:0 4px 12px #214c8c08}
.product-visual{display:grid;place-items:center;flex:0 0 49px;height:53px;border-radius:8px;background:radial-gradient(at 20% 10%,#e9faff,#c0dbff 55%,#83acf0)}.product-visual svg{width:29px;height:29px;stroke:#2951aa;fill:#ffffff3b;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.shop-product b{font-size:14px;font-weight:400;color:#2b4776}.shop-product small{display:block;font-size:14px;color:#8190a8;margin-top:4px}.product-lines{display:flex;gap:4px;margin-top:8px}.product-lines i{width:22px;height:3px;border-radius:3px;background:#d9e4f5}.product-lines i:last-child{width:13px}
.product-check{margin-left:auto;background:#eaf2ff;color:#3863ac;font-size:14px;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;animation:shop-check 7s ease infinite}
.shop-question{font-size:14px;line-height:1.4;margin:13px 0 10px 22px;background:#dfeaff;color:#35568a;padding:9px 10px;border-radius:9px 9px 2px 9px}
.shop-answer{display:flex;align-items:center;gap:8px;font-size:14px;color:#52709c;min-height:36px}.shop-ai{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:#fff;border:1px solid #dce6f5;color:#183bb1;font-size:18px}.shop-answer>div{position:relative;flex:1;line-height:1.4}
.shop-typing{display:flex;position:absolute;left:0;top:3px;gap:4px;animation:typing-hide 7s infinite}.shop-typing i{width:4px;height:4px;background:#7a97c3;border-radius:50%;animation:typing-bounce 1s infinite}.shop-typing i:nth-child(2){animation-delay:.15s}.shop-typing i:nth-child(3){animation-delay:.3s}.shop-reply{display:block;animation:answer-reveal 7s infinite}
.shop-result{display:flex;gap:5px;align-items:center;font-size:14px;color:#6581ac;margin:8px 0 0 34px;animation:shop-check 7s infinite}.shop-result svg{width:12px;height:12px}
.company-diagram .diagram-topline{margin-bottom:10px}.company-network{position:relative;height:154px}.company-routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#bed1ed;stroke-width:1}.company-signal{stroke:#4478c5;stroke-width:1.4;stroke-dasharray:.17 .83;stroke-dashoffset:1;animation:company-flow 6s linear infinite}.signal-two{animation-delay:1.3s}.signal-three{animation-delay:2.6s}
.company-hub{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:49px;height:49px;border-radius:15px;display:grid;place-items:center;font-size:19px;font-weight:400;color:#fff;background:linear-gradient(150deg,#4873cf,#183bb1);box-shadow:0 5px 20px #2459b425;z-index:2}.company-hub>span{position:absolute;inset:-6px;border-radius:20px;border:1px solid #a7c6f27a;animation:hub-pulse 6s ease-in-out infinite}
.company-node{position:absolute;display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #d5e1f3;background:#fff;border-radius:9px;font-size:14px;color:#5d769d;z-index:2}.company-node svg{width:14px;height:14px;color:#4472b8}.company-doc{left:0;top:9px}.company-crm{right:0;top:57px}.company-tasks{left:6px;bottom:6px}
.company-result{font-size:14px;text-align:center;margin-top:11px;color:#6b84a8}
@keyframes funnel-highlight{0%,12%,55%,100%{border-color:#dce6f5;box-shadow:0 3px 8px #1c4a8a04}20%,37%{border-color:#86a9e7;box-shadow:0 3px 12px #3675db13}}
@keyframes step-confirm{0%,10%,90%,100%{opacity:0;transform:scale(.8)}23%,65%{opacity:1;transform:scale(1)}}
@keyframes shop-check{0%,25%,95%,100%{opacity:0}42%,85%{opacity:1}}
@keyframes company-flow{0%{stroke-dashoffset:1}80%,100%{stroke-dashoffset:0}}
@keyframes hub-pulse{0%,100%{opacity:.3;transform:scale(.96)}50%{opacity:.8;transform:scale(1.06)}}
@media(max-width:1000px) and (min-width:801px){.offer-demo{padding-inline:8px}.diagram-topline{font-size:14px}.diagram-live{font-size:14px}.funnel-step{padding:8px;gap:7px}.funnel-step small{font-size:14px}.funnel-step b{font-size:14px}.shop-product{gap:8px;padding:8px}.product-visual{flex-basis:39px;height:46px}.shop-product b{font-size:14px}.shop-product small{font-size:14px}.shop-question,.shop-answer{font-size:14px}.company-node{font-size:14px;padding:7px}.company-hub{width:42px;height:42px;font-size:17px}}
@media(max-width:800px){.offer-demo{height:275px;padding:18px 13px}}
@media(prefers-reduced-motion:reduce){.step-confirm,.product-check,.shop-reply,.shop-result{animation:none;opacity:1;transform:none}.shop-typing{display:none}.company-signal{animation:none;stroke-dasharray:none}.company-hub>span{animation:none}}