.onb-page{background-color:#fff;padding:50px 0 70px}.onb-container{width:min(100% - 48px,1400px);margin:0 auto}.onb-header{text-align:center;margin-bottom:50px}.onb-badge{color:#4f46e5;letter-spacing:.5px;text-transform:uppercase;background:#ede9fe;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-flex}.onb-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,4vw,42px);font-weight:850;line-height:1.25}.onb-title span{color:#4f46e5}.onb-subtitle{color:#64748b;margin:0;font-size:clamp(14px,2vw,16px);font-weight:500;line-height:1.5}.onb-timeline{flex-direction:column;gap:28px;display:flex}.onb-step-row{align-items:stretch;display:flex;position:relative}.onb-row-left{flex-shrink:0;justify-content:center;align-items:center;width:130px;display:flex}.onb-row-icon-card{border:1.5px solid #00000008;border-radius:18px;justify-content:center;align-items:center;width:100px;height:100px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 4px 14px #00000008}.onb-step-row:hover .onb-row-icon-card{transform:scale(1.04)rotate(1deg);box-shadow:0 8px 24px #0000000f}.oic-purple{color:#4f46e5;background:#f5f3ff;border-color:#ede9fe}.oic-blue{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.oic-green{color:#16a34a;background:#f0fdf4;border-color:#dcfce7}.oic-orange{color:#ea580c;background:#fff7ed;border-color:#ffedd5}.oic-red{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.oic-indigo{color:#4f46e5;background:#eef2ff;border-color:#e0e7ff}.onb-row-middle{flex-shrink:0;justify-content:center;align-items:center;width:70px;display:flex;position:relative}.onb-row-line{z-index:1;background:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.onb-step-row:first-child .onb-row-line{top:50%}.onb-step-row:last-child .onb-row-line{bottom:50%}.onb-row-number-circle{color:#fff;z-index:2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex;position:relative;box-shadow:0 2px 10px #0000001f}.onc-purple{background:#4f46e5}.onc-blue{background:#2563eb}.onc-green{background:#16a34a}.onc-orange{background:#ea580c}.onc-red{background:#dc2626}.onc-indigo{background:#4f46e5}.onb-row-right{flex:1;align-items:stretch;display:flex}.onb-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr 220px;align-items:center;gap:28px;width:100%;padding:26px 30px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;box-shadow:0 4px 20px #00000005}.onb-step-row:hover .onb-card{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 30px #0000000a}.onb-card-left{text-align:left}.onb-card-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:800}.onb-card-desc{color:#64748b;margin:0 0 20px;font-size:13.5px;font-weight:500;line-height:1.5}.onb-checklist{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.onb-check-item{color:#334155;align-items:center;font-size:13px;font-weight:700;display:flex}.onb-status-panel{text-align:center;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:110px;padding:20px 16px;display:flex}.onb-status-panel svg{margin-bottom:8px}.osp-purple{color:#4f46e5;background:#fdfcff;border-color:#ede9fe}.osp-blue{color:#2563eb;background:#f7faff;border-color:#e0eafd}.osp-green{color:#16a34a;background:#f6fdf9;border-color:#e6fcf0}.osp-orange{color:#ea580c;background:#fffcf9;border-color:#ffecd9}.osp-red{color:#dc2626;background:#fffbfa;border-color:#ffebe8}.osp-indigo{color:#4f46e5;background:#fafbff;border-color:#e0e7ff}.osp-title{margin:4px 0 2px;font-size:13.5px;font-weight:850}.osp-text{color:#64748b;font-size:11.5px;font-weight:600;line-height:1.35}.onb-verif-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.onb-verif-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:140px;padding:12px 18px;transition:all .2s;display:flex}.onb-verif-card:hover{background-color:#f8fafc;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.ovc-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex}.ovc-text{color:#334155;text-align:left;font-size:11.5px;font-weight:800;line-height:1.3}.onb-verif-or{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:800}.onb-verif-note{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.onb-active-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px;display:grid}.onb-active-card{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000003}.onb-active-card:hover{border-color:#4f46e5;transform:translateY(-3px);box-shadow:0 8px 18px #4f46e51a}.onb-active-card-icon{color:#4f46e5;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.onb-active-card-title{color:#0f172a;font-size:11px;font-weight:850;line-height:1.3}.onb-info-banner{color:#1e3a8a;text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:12px;margin:36px 0;padding:16px 22px;font-size:13.5px;font-weight:600;display:flex}.onb-info-banner strong{font-weight:800}.onb-info-banner svg{color:#2563eb;flex-shrink:0}.onb-cta-banner{color:#fff;background:linear-gradient(135deg,#2d1beb 0%,#2011cc 100%);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;gap:24px;padding:36px 44px;display:flex;box-shadow:0 12px 40px #2d1be52e}.onb-cta-top{justify-content:space-between;align-items:center;gap:30px;display:flex}.onb-storefront{flex-shrink:0;justify-content:center;align-items:center;width:180px;height:120px;display:flex}.onb-cta-info{text-align:left;flex-direction:column;flex:1;justify-content:center;padding-left:10px;display:flex}.onb-cta-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(20px,3vw,26px);font-weight:850}.onb-cta-sub{color:#ffffffe0;margin:0;font-size:14.5px;font-weight:500}.onb-cta-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.onb-btn-white{color:#2c1ae6;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000014}.onb-btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.onb-btn-outline-white{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff73;border-radius:12px;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.onb-btn-outline-white:hover{background:#ffffff1f;border-color:#ffffffd9;transform:translateY(-2px)}.onb-cta-bullets{color:#ffffffe6;border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;font-size:13.5px;font-weight:600;display:flex}.onb-cta-bullet{align-items:center;gap:8px;display:flex}.onb-cta-bullet svg{color:#fff;opacity:.9}@media (width<=1024px){.onb-container{width:min(100% - 36px,100%)}.onb-page{padding:40px 0 50px}.onb-row-left{width:90px}.onb-row-icon-card{border-radius:14px;width:76px;height:76px}.onb-row-icon-card svg{width:32px;height:32px}.onb-row-middle{width:50px}.onb-card{grid-template-columns:1fr 180px;gap:20px;padding:22px 24px}.onb-active-row{grid-template-columns:repeat(3,1fr)}.onb-cta-top{gap:20px}.onb-storefront{display:none}.onb-cta-bullets{justify-content:center;gap:20px}}@media (width<=768px){.onb-page{padding:30px 0 45px}.onb-container{width:calc(100% - 24px);padding:0 4px}.onb-header{margin-bottom:32px}.onb-step-row{flex-direction:column;margin-bottom:0}.onb-row-middle,.onb-row-left{display:none}.onb-card{border-radius:16px;grid-template-columns:1fr;gap:16px;margin-bottom:0;padding:20px 18px;box-shadow:0 2px 12px #00000008}.onb-mobile-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex!important}.onb-mobile-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.onb-mobile-icon-box svg{width:22px;height:22px}.onb-mobile-step-tag{color:#fff;letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.onb-card-title{margin-bottom:6px;font-size:16px}.onb-card-desc{margin-bottom:16px;font-size:12.5px}.onb-checklist{grid-template-columns:1fr;gap:10px}.onb-check-item{font-size:12px}.onb-status-panel{border-radius:12px;min-height:auto;padding:14px 16px}.onb-status-panel svg{width:24px;height:24px;margin-bottom:4px}.osp-title{font-size:12.5px}.osp-text{font-size:11px}.onb-verif-row{flex-direction:column;align-items:stretch;gap:10px}.onb-verif-or{text-align:center;font-size:10px}.onb-verif-card{min-width:100%;padding:10px 14px}.onb-active-row{grid-template-columns:repeat(2,1fr);gap:10px}.onb-active-card{gap:8px;padding:12px 8px}.onb-active-card-icon{width:36px;height:36px}.onb-active-card-title{font-size:10.5px}.onb-info-banner{border-radius:12px;margin:24px 0;padding:14px 16px;font-size:12px}.onb-cta-banner{border-radius:16px;gap:20px;padding:24px 20px}.onb-cta-top{text-align:center;flex-direction:column;gap:18px}.onb-cta-info{text-align:center;padding-left:0}.onb-cta-title{font-size:20px}.onb-cta-sub{font-size:13px}.onb-cta-actions{flex-direction:row;justify-content:center;gap:10px;width:100%}.onb-btn-white,.onb-btn-outline-white{white-space:nowrap;flex:1;justify-content:center;gap:6px;width:auto;padding:12px 10px;font-size:13px}.onb-cta-bullets{grid-template-columns:repeat(2,1fr);gap:12px 14px;width:100%;padding-top:18px;font-size:12.5px;display:grid}.onb-cta-bullet{white-space:nowrap;align-items:center;gap:8px;display:flex}}@media (width>=769px){.onb-mobile-card-top{display:none!important}}