.product-gateway{background:radial-gradient(1200px 600px at 15% -10%,#1dd3f812,#0000 60%),radial-gradient(1000px 500px at 100% 110%,#7c5cf614,#0000 60%),linear-gradient(#0b1220 0%,#0e1729 100%);padding:100px 0;position:relative;overflow:hidden}.product-gateway .container{z-index:2;position:relative}.pg-glow{filter:blur(90px);opacity:.55;z-index:1;pointer-events:none;border-radius:50%;position:absolute}.pg-glow--one{background:radial-gradient(circle,#1dd3f859,#0000 70%);width:420px;height:420px;animation:12s ease-in-out infinite pgFloat;top:-120px;left:-80px}.pg-glow--two{background:radial-gradient(circle,#8b5cf652,#0000 70%);width:480px;height:480px;animation:15s ease-in-out infinite reverse pgFloat;bottom:-160px;right:-100px}@keyframes pgFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.pg-head{text-align:center;max-width:760px;margin:0 auto 55px}.pg-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#7fe8ff;background:#1dd3f81a;border:1px solid #1dd3f847;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 18px;font-size:13px;font-weight:700;display:inline-flex}.pg-eyebrow i{font-size:16px}.pg-title{color:#fff;margin:0 0 18px;font-size:38px;font-weight:700;line-height:1.2}.pg-desc{color:#e2e8f0b8;margin:0;font-size:16.5px;line-height:1.7}.pg-grid{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:30px;display:grid}.pg-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;flex-direction:column;padding:40px 36px 36px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;display:flex;position:relative}.pg-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ffffff2e,#0000 45%);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pg-card--erp{background:radial-gradient(600px 300px at 100% 0,#1dd3f821,#0000 60%),#ffffff0b;border-color:#1dd3f84d;box-shadow:0 20px 60px #030c1e73}.pg-card--sc{background:radial-gradient(600px 300px at 100% 0,#8b5cf624,#0000 60%),#ffffff09;border-color:#8b5cf647}.pg-card:hover{transform:translateY(-8px)}.pg-card--erp:hover{border-color:#1dd3f88c;box-shadow:0 28px 70px #1dd3f833}.pg-card--sc:hover{border-color:#8b5cf68c;box-shadow:0 28px 70px #8b5cf638}.pg-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:50px;align-items:center;gap:6px;padding:6px 13px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:22px;right:22px}.pg-badge i{font-size:14px}.pg-badge--primary{color:#06283d;background:linear-gradient(135deg,#1dd3f8,#0ea5e9);box-shadow:0 6px 18px #1dd3f866}.pg-badge--sc{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c5cf6);box-shadow:0 6px 18px #7c5cf666}.pg-card-top{align-items:center;gap:18px;margin-bottom:22px;padding-right:90px;display:flex}.pg-icon{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.pg-icon--erp{background:linear-gradient(135deg,#1dd3f8e6,#0ea5e9e6);box-shadow:0 10px 26px #1dd3f859}.pg-icon--sc{background:linear-gradient(135deg,#a78bfaf2,#7c5cf6f2);box-shadow:0 10px 26px #7c5cf659}.pg-name{color:#fff;margin:0 0 3px;font-size:25px;font-weight:700}.pg-tagline{color:#e2e8f09e;font-size:13.5px;font-weight:500}.pg-card-desc{color:#e2e8f0c7;margin:0 0 22px;font-size:15.5px;line-height:1.65}.pg-features{flex-direction:column;flex:1;gap:12px;margin:0 0 30px;padding:0;list-style:none;display:flex}.pg-features li{color:#edf2fae6;align-items:center;gap:11px;font-size:14.5px;font-weight:500;display:flex}.pg-features li i{color:#06283d;background:linear-gradient(135deg,#1dd3f8,#0ea5e9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;display:inline-flex}.pg-features--sc li i{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c5cf6)}.pg-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.pg-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.pg-btn i{font-size:18px;transition:transform .25s}.pg-btn:hover i{transform:translate(3px)}.pg-btn--primary{color:#06283d;background:linear-gradient(135deg,#1dd3f8,#0ea5e9);box-shadow:0 10px 26px #1dd3f859}.pg-btn--primary:hover{color:#06283d;transform:translateY(-3px);box-shadow:0 16px 34px #1dd3f880}.pg-btn--sc{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c5cf6);box-shadow:0 10px 26px #7c5cf659}.pg-btn--sc:hover{color:#fff;transform:translateY(-3px);box-shadow:0 16px 34px #7c5cf680}.pg-btn--ghost{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff2e}.pg-btn--ghost:hover{color:#fff;background:#ffffff1f;transform:translateY(-3px)}.pg-btn--ghost-sc:hover{border-color:#a78bfa99}@media (max-width:991px){.pg-grid{grid-template-columns:1fr;gap:24px}.pg-title{font-size:32px}}@media (max-width:767px){.product-gateway{padding:70px 0}.pg-head{margin-bottom:40px}.pg-title{font-size:26px}.pg-desc{font-size:15px}.pg-card{padding:34px 24px 28px}.pg-card-top{flex-wrap:wrap;gap:14px;padding-right:0}.pg-badge{align-self:flex-start;margin-bottom:18px;position:static}.pg-icon{width:56px;height:56px}.pg-name{font-size:22px}.pg-actions{flex-direction:column}.pg-btn{width:100%}}