.commerce-hero{padding:155px 0 100px;min-height:760px;overflow:hidden;background:radial-gradient(circle at 12% 18%,#fff1e7 0,transparent 25%),linear-gradient(145deg,#fffdfb,#f2efff)}.commerce-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}.commerce-hero h1{font-size:clamp(48px,4.6vw,69px)}.commerce-photo{position:relative;margin:0;padding:9px;border:1px solid #e4d9d1;border-radius:27px;background:#fff;box-shadow:0 32px 75px rgba(58,34,31,.19);transform:rotate(1deg)}.commerce-photo:before{content:"";position:absolute;inset:-18px 28px 28px -18px;z-index:-1;border-radius:32px;background:linear-gradient(145deg,#ff9c5b26,#7048ed20)}.commerce-photo img{display:block;width:100%;height:475px;object-fit:cover;border-radius:19px}.commerce-photo figcaption{position:absolute;left:30px;right:30px;bottom:27px;padding:16px 18px;border:1px solid #ffffff45;border-radius:14px;background:#080d2ae6;color:#fff;backdrop-filter:blur(9px)}.commerce-photo strong,.commerce-photo span{display:block}.commerce-photo strong{font:700 14px Manrope}.commerce-photo span{margin-top:3px;color:#d0d3e1;font-size:11px}
.commerce-proof{padding:31px 0;background:var(--navy);color:#fff}.commerce-proof .container{display:flex;align-items:center;gap:42px}.commerce-proof p{width:195px;color:#aeb4c8;font-size:13px}.commerce-proof .container>div{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:15px}.commerce-proof span{font:600 13px Manrope}.commerce-proof b{display:block;margin-bottom:5px;color:#ffad76;font-size:10px}
.commerce-journey{background:#fff}.journey-steps,.commerce-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}.journey-steps article,.commerce-steps article{position:relative;min-height:225px;padding:24px 21px;border:1px solid var(--line);border-top:4px solid #ff9b62;border-radius:17px;background:#fff;box-shadow:0 14px 34px rgba(36,23,45,.07)}.journey-steps article:nth-child(2),.commerce-steps article:nth-child(2){border-top-color:#d77bed}.journey-steps article:nth-child(3),.commerce-steps article:nth-child(3){border-top-color:#875dea}.journey-steps article:nth-child(4),.commerce-steps article:nth-child(4){border-top-color:#3f8cdd}.journey-steps article:nth-child(5),.commerce-steps article:nth-child(5){border-top-color:#22bcae}.journey-steps b,.commerce-steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ff9b62;color:#fff;font-size:10px;box-shadow:0 0 0 6px #fff1e9}.journey-steps h3,.commerce-steps h3{margin-top:38px;font-size:18px}.journey-steps p,.commerce-steps p{color:var(--muted);font-size:13px}.journey-steps article:not(:last-child):after,.commerce-steps article:not(:last-child):after{content:"";position:absolute;top:42px;left:100%;width:26px;height:2px;background:linear-gradient(90deg,#f4a17c,#58c6c7)}.journey-steps article:not(:last-child):before,.commerce-steps article:not(:last-child):before{content:"";position:absolute;z-index:1;top:37px;right:-25px;width:9px;height:9px;border-top:2px solid #58c6c7;border-right:2px solid #58c6c7;transform:rotate(45deg)}
.commerce-capabilities{background:#f6f6fb}.commerce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.commerce-grid article{position:relative;min-height:390px;padding:30px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:.3s}.commerce-grid article:hover{transform:translateY(-5px);border-color:#d8c9c2;box-shadow:0 20px 45px rgba(41,26,49,.1)}.commerce-grid article>span{position:absolute;right:23px;top:21px;color:#9ca1b0;font-size:10px;font-weight:800}.commerce-grid article>img{width:54px;height:54px;margin-bottom:25px;object-fit:contain}.commerce-grid h3{font-size:22px}.commerce-grid p{color:var(--muted);font-size:14px}.commerce-grid ul{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none}.commerce-grid li{padding:4px 8px;border:1px solid var(--line);border-radius:20px;color:#606578;font-size:11px;font-weight:700}
.commerce-outcomes{background:linear-gradient(135deg,#080d2a,#201743 65%,#493047);color:#fff}.outcomes-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.outcomes-grid>div:first-child>p{margin-top:22px;color:#b5b5c7;font-size:17px}.outcomes-list{border-top:1px solid #ffffff20}.outcomes-list article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:23px 7px;border-bottom:1px solid #ffffff20}.outcomes-list b{padding-top:4px;color:#ffad76;font-size:11px}.outcomes-list h3{font-size:19px}.outcomes-list p{margin:5px 0 0;color:#afb3c7;font-size:13px}
.commerce-system{background:#fff}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.system-grid article{min-height:215px;padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(155deg,#fff,#faf9ff)}.system-grid span{color:#ff8e53;font-size:10px;font-weight:800}.system-grid h3{margin-top:35px;font-size:20px}.system-grid p{color:var(--muted);font-size:13px}.commerce-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#f7f7fb}.commerce-tech span{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:12px;font-weight:700}.commerce-tech img{width:28px;height:28px;object-fit:contain}.commerce-path{background:#f6f6fb}
@media(max-width:1024px){.commerce-hero-grid{gap:35px}.journey-steps,.commerce-steps{gap:17px}.journey-steps article,.commerce-steps article{padding:20px 15px}.journey-steps article:not(:last-child):after,.commerce-steps article:not(:last-child):after{width:17px}.journey-steps article:not(:last-child):before,.commerce-steps article:not(:last-child):before{right:-16px}.commerce-grid{grid-template-columns:1fr 1fr}.outcomes-grid{gap:50px}.system-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.commerce-hero{padding:122px 0 75px}.commerce-hero-grid,.outcomes-grid{grid-template-columns:1fr}.commerce-photo{margin-top:18px}.commerce-proof .container{align-items:flex-start;flex-direction:column;gap:15px}.commerce-proof .container>div{width:100%}.outcomes-grid{gap:45px}.journey-steps,.commerce-steps{grid-template-columns:1fr;gap:29px;margin-left:18px}.journey-steps article,.commerce-steps article{min-height:auto;padding:22px 24px 24px 72px}.journey-steps b,.commerce-steps b{position:absolute;left:19px;top:22px}.journey-steps h3,.commerce-steps h3{margin-top:0}.journey-steps article:not(:last-child):after,.commerce-steps article:not(:last-child):after{top:100%;left:39px;width:2px;height:29px;background:linear-gradient(#e69c7c,#52c5c7)}.journey-steps article:not(:last-child):before,.commerce-steps article:not(:last-child):before{top:auto;bottom:-27px;left:34px;right:auto;transform:rotate(135deg)}}
@media(max-width:580px){.commerce-hero{padding-top:110px}.commerce-hero h1{font-size:40px}.commerce-photo{padding:7px;border-radius:21px}.commerce-photo img{height:330px;border-radius:15px}.commerce-photo figcaption{left:18px;right:18px;bottom:17px}.commerce-proof .container>div,.commerce-grid,.system-grid{grid-template-columns:1fr}.commerce-proof span{padding:8px 0;border-bottom:1px solid #ffffff14}.commerce-grid article{min-height:auto}.outcomes-grid{gap:38px}}