.pp-hero{background:linear-gradient(180deg,#fff,#f8fafc);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;padding:80px 24px 100px}.pp-hero__inner{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1300px}.pp-hero__content{animation:ofFadeInUp .6s ease forwards}.pp-hero__eyebrow{background:#6366f1;border-radius:50px;color:#fff;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 16px;text-transform:uppercase}.pp-hero__headline{color:#0f172a;font-size:48px;font-weight:700;line-height:1.1;margin:0 0 20px}.pp-hero__subheadline{color:#475569;font-size:18px;line-height:1.7;margin:0 0 32px}.pp-hero__ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.pp-hero__trust{display:flex;flex-wrap:wrap;gap:24px}.pp-hero__trust span{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.pp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s ease}.pp-btn--primary{background:#6366f1;color:#fff}.pp-btn--primary:hover{background:#4f46e5;box-shadow:0 8px 20px rgba(99,102,241,.4);transform:translateY(-2px)}.pp-btn--lg{font-size:16px;padding:18px 32px}.pp-btn--ghost{background:transparent;color:#1e293b;padding:14px 24px}.pp-btn--ghost:hover{background:rgba(0,0,0,.05)}.pp-hero__visual{animation:ofFadeInRight .8s ease .3s forwards;opacity:0}.of{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 25px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:520px;overflow:hidden}.of__header{background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.06);justify-content:space-between;padding:14px 20px}.of__header,.of__header-left{align-items:center;display:flex}.of__header-left{gap:12px}.of__status{align-items:center;background:rgba(34,197,94,.1);border-radius:20px;color:#22c55e;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.of__status-dot{animation:ofPulse 2s ease infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}.of__title{color:#fff;font-size:16px;font-weight:600}.of__time{color:#64748b;font-size:12px}.of__main{display:grid;flex:1;gap:0;grid-template-columns:180px 1fr;overflow:hidden}.of__sources{border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:10px;padding:16px}.of__sources-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.of__source{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;display:flex;gap:10px;padding:10px 12px;position:relative;transition:all .3s ease}.of__source--active{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.4)}.of__source-icon{align-items:center;background:#95bf47;border-radius:6px;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.of__source-icon svg{height:16px;width:16px}.of__source-icon--magento{background:#f26322}.of__source-icon--b2b{background:#6366f1}.of__source-icon--woo{background:#7f54b3}.of__source-info{flex:1;min-width:0}.of__source-name{color:#fff;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of__source-count{color:#64748b;font-size:10px}.of__source-pulse{background:#6366f1;border-radius:50%;height:8px;opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:8px}.of__source-pulse--active{animation:ofSourcePulse .6s ease;opacity:1}.of__pipeline{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px}.of__pipeline-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.of__stages{align-items:center;display:flex;gap:6px}.of__stage{flex:1}.of__stage-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.of__stage-icon{font-size:12px}.of__stage-name{color:#94a3b8;font-size:11px;font-weight:600}.of__stage-count{background:hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:12px;font-weight:700;margin-left:auto;min-width:28px;padding:2px 8px;text-align:center}.of__stage-bar{background:hsla(0,0%,100%,.06);border-radius:3px;height:6px;overflow:hidden}.of__stage-fill{border-radius:3px;height:100%;transition:width .4s ease;width:0}.of__stage-fill--blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.of__stage-fill--purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.of__stage-fill--orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.of__stage-fill--green{background:linear-gradient(90deg,#22c55e,#4ade80)}.of__stage-arrow{color:#475569;flex-shrink:0;font-size:14px}.of__feed{display:flex;flex:1;flex-direction:column;gap:6px;overflow:hidden;padding:8px 0}.of__order{align-items:center;animation:ofOrderIn .4s ease;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;display:flex;gap:10px;padding:8px 12px}.of__order-id{color:#fff;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:600}.of__order-source{background:hsla(0,0%,100%,.06);border-radius:4px;color:#64748b;font-size:10px;padding:2px 8px}.of__order-items{color:#94a3b8;font-size:11px;margin-left:auto}.of__order-status{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px}.of__order-status--received{background:rgba(59,130,246,.15);color:#3b82f6}.of__order-status--validated{background:rgba(139,92,246,.15);color:#8b5cf6}.of__order-status--allocated{background:rgba(245,158,11,.15);color:#f59e0b}.of__order-status--shipped{background:rgba(34,197,94,.15);color:#22c55e}.of__footer{background:hsla(0,0%,100%,.06);border-top:1px solid hsla(0,0%,100%,.06);display:grid;gap:1px;grid-template-columns:repeat(4,1fr)}.of__stat{background:rgba(15,23,42,.95);padding:14px 16px;text-align:center}.of__stat-value{color:#fff;display:block;font-size:20px;font-weight:700;margin-bottom:2px}.of__stat-value--highlight{color:#6366f1}.of__stat-value--green{color:#22c55e}.of__stat-label{color:#64748b;font-size:10px;letter-spacing:.3px;text-transform:uppercase}@keyframes ofFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ofFadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes ofPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes ofSourcePulse{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(2)}}@keyframes ofOrderIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1100px){.pp-hero__inner{gap:48px;grid-template-columns:1fr;text-align:center}.pp-hero__ctas,.pp-hero__trust{justify-content:center}.of{margin:0 auto;max-width:600px}.of__main{grid-template-columns:140px 1fr}}@media (max-width:640px){.pp-hero{padding:60px 20px 80px}.pp-hero__headline{font-size:32px}.pp-hero__subheadline{font-size:16px}.pp-hero__ctas{flex-direction:column}.pp-hero__ctas .pp-btn{width:100%}.pp-hero__trust{flex-direction:column;gap:12px}.of__main{grid-template-columns:1fr}.of__sources{border-bottom:1px solid hsla(0,0%,100%,.06);border-right:none;flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px}.of__sources-label{width:100%}.of__source{flex:1 1 45%;min-width:120px}.of__stages{flex-wrap:wrap;gap:8px}.of__stage{flex:1 1 45%}.of__stage-arrow{display:none}.of__footer{grid-template-columns:repeat(2,1fr)}}