.intro{position:relative;isolation:isolate;overflow:hidden;padding:105px 0 88px;background:linear-gradient(180deg,#fff 70%,#f7fbff)}
.intro::before{content:'';position:absolute;z-index:-1;left:-20%;right:-20%;bottom:-245px;height:360px;border:30px solid #deefff65;border-radius:50%;transform:rotate(-4deg);pointer-events:none}
.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start;position:relative}
.intro-visual .section-label{display:inline-flex;align-items:center;gap:16px}
.intro-visual .section-label::after{content:'';width:50px;height:2px;background:#8ab7fb}
.intro-visual .section-heading{font-size:clamp(34px,3.8vw,55px);line-height:1.25;letter-spacing:-.075em;white-space:nowrap}
.intro-visual .section-heading em{background:linear-gradient(110deg,#2377ef,#4798ff 55%,#2476ed);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro-connected-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;margin-top:29px;mix-blend-mode:multiply}
.intro-copy{padding-top:16px;display:flex;flex-direction:column;align-self:stretch}
.intro-copy p{font-size:16px;line-height:2;margin-bottom:22px}
.intro-copy p:first-child{color:#1b3355;line-height:1.9}
.intro-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f3f9ff;border:1px solid #edf5ff;border-radius:16px;padding:14px 0 16px;margin-top:auto}
.intro-capability{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-right:1px solid #d5e5f6;text-align:center;color:#17375e;font-size:14px;line-height:1.5;font-weight:800}
.intro-capability:last-child{border:0}
.intro-capability-icon{width:64px;height:64px;background-image:url('/images/intro-capabilities-atlas.webp');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;transition:transform .35s}
.intro-icon-pay{background-position:0 0}.intro-icon-store{background-position:100% 0}.intro-icon-code{background-position:0 100%}.intro-icon-support{background-position:100% 100%}
.intro-capability:hover .intro-capability-icon{transform:translateY(-4px)}
@media(max-width:1040px){.intro-grid{gap:5%}.intro-visual .section-heading{font-size:clamp(27px,3.5vw,36px)}.intro-copy p{font-size:14px}.intro-capability-icon{width:52px;height:52px}.intro-capability{font-size:12px}.intro-connected-art{margin-top:35px}}
@media(max-width:700px){.intro{padding:66px 0 60px}.intro-grid{display:block}.intro-visual .section-heading{font-size:clamp(27px,6.8vw,44px)}.intro-connected-art{max-width:520px;margin:25px auto 0}.intro-copy{padding-top:0;margin-top:26px}.intro-copy p{font-size:14px}.intro-capabilities{margin-top:7px}.intro-capability-icon{width:56px;height:56px}.intro-capability{font-size:12px}.intro::before{bottom:-275px}}
@media(max-width:360px){.intro-capability-icon{width:48px;height:48px}.intro-capability{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro-capability-icon{transition:none}.intro-capability:hover .intro-capability-icon{transform:none}}