/* v1.03.23 — scoped How It Works layout */
.nvp123-guide{max-width:1180px;margin:0 auto;text-align:center;color:#17233a}
.nvp123-guide .nvp123-hero{position:relative;isolation:isolate;padding:clamp(36px,5vw,62px) 20px 28px;border-radius:18px 18px 0 0;background:radial-gradient(ellipse at 80% 0%,#263b79 0%,transparent 48%),radial-gradient(ellipse at 18% 85%,#57284b 0%,transparent 54%),#08142d;overflow:hidden}
.nvp123-guide .nvp123-hero::before,.nvp123-guide .nvp123-journey::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 11% 18%,#fff 95%,transparent),radial-gradient(1px 1px at 46% 39%,#fff 95%,transparent),radial-gradient(1px 1px at 82% 17%,#fff 95%,transparent),radial-gradient(1px 1px at 71% 72%,#fff 95%,transparent),radial-gradient(1px 1px at 27% 79%,#fff 95%,transparent);background-size:257px 197px;opacity:.36}
.nvp123-guide .nvp123-hero h1{position:relative;font-size:clamp(1.65rem,3vw,2.7rem);font-weight:500;line-height:1.2;margin:0 auto 10px;max-width:900px;color:#fff}
.nvp123-guide .nvp123-hero p{position:relative;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.55;margin:auto;color:#dee8fb;max-width:670px}
.nvp123-guide .nvp123-journey{position:relative;isolation:isolate;padding:0 20px 30px;background:#08142d;border-radius:0 0 18px 18px;overflow:hidden}
.nvp123-guide .nvp82-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nvp123-guide .nvp82-step{min-width:0;padding:18px 12px;border:1px solid #819ac340;border-radius:14px;background:#ffffff0c;text-align:center}
.nvp123-guide .nvp82-step-number{width:34px;height:34px;font-size:.95rem;font-weight:500;margin:0 auto 9px}
.nvp123-guide .nvp82-step h2{font-size:1.12rem;font-weight:500;margin:0 0 6px;color:#fff}
.nvp123-guide .nvp82-step p{font-size:.87rem;line-height:1.5;margin:0;color:#e3ebfb;text-align:center}
.nvp123-guide .nvp123-offerings{padding:clamp(28px,4vw,46px) 14px 26px}
.nvp123-guide .nvp123-offerings h2,.nvp123-guide .nvp123-connect h2{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:500;margin:0 0 7px;text-align:center}
.nvp123-guide .nvp123-offerings header p{font-size:1rem;margin:0 auto 19px;color:#536278;text-align:center}
.nvp123-guide .nvp123-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:1010px;margin:0 auto 14px}
.nvp123-guide .nvp123-tab{border:1px solid #d6dce7;background:#fff;border-radius:13px;min-height:117px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#17233a;font-family:inherit;font-size:.87rem;font-weight:500;line-height:1.35;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.nvp123-guide .nvp123-tab:hover{transform:translateY(-2px)}
.nvp123-guide .nvp123-tab[aria-selected="true"]{background:#eaf0ff;border-color:#5a6fa3;box-shadow:0 0 0 1px #5a6fa3 inset}
.nvp123-guide .nvp123-tab-img{height:65px;width:80px;display:flex;align-items:center;justify-content:center}
.nvp123-guide .nvp123-tab-img img,.nvp123-guide .nvp123-tab-img svg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.nvp123-guide .nvp123-panel{max-width:1010px;margin:auto;border:1px solid #dce3ed;background:#f9fbff;border-radius:16px;padding:clamp(16px,2vw,25px)}
.nvp123-guide .nvp123-details[hidden]{display:none!important}
.nvp123-guide .nvp123-details h3{font-size:1.3rem;font-weight:500;margin:0 0 17px;text-align:center}
.nvp123-guide .nvp123-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.nvp123-guide .nvp123-detail-grid li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;border:1px solid #e4eaf1;border-radius:11px;padding:15px 12px}
.nvp123-guide .nvp123-detail-num{display:grid;place-items:center;border-radius:50%;height:29px;width:29px;background:#152a50;color:#fff;font-size:.86rem}
.nvp123-guide .nvp123-detail-grid p{font-size:.9rem;line-height:1.5;text-align:center;margin:0;color:#34465e}
.nvp123-guide .nvp123-product-link{display:inline-flex;margin:17px auto 0;color:#742940;font-weight:500}
.nvp123-guide .nvp123-connect{max-width:840px;margin:0 auto;padding:22px 15px 35px;text-align:center}
.nvp123-guide .nvp123-connect p{margin:0 auto 14px;max-width:640px;color:#516178;font-size:.96rem;line-height:1.55;text-align:center}
.nvp123-guide .nvp123-contact{display:inline-block;padding:11px 19px;border-radius:24px;background:#68223c;color:#fff;text-decoration:none;font-weight:500}
.nvp123-guide :is(button,a):focus-visible{outline:3px solid #376cbd;outline-offset:3px}
@media(max-width:850px){.nvp123-guide .nvp123-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.nvp123-guide .nvp123-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nvp123-guide .nvp82-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nvp123-guide .nvp82-step{padding:14px 9px}.nvp123-guide .nvp123-journey{padding:0 12px 18px}.nvp123-guide .nvp123-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.nvp123-guide .nvp123-tab{min-height:94px;font-size:.77rem}.nvp123-guide .nvp123-tab-img{height:52px;width:65px}.nvp123-guide .nvp123-detail-grid{grid-template-columns:1fr 1fr;gap:8px}.nvp123-guide .nvp123-detail-grid li{padding:12px 8px}.nvp123-guide .nvp123-detail-grid p{font-size:.83rem}}
@media(max-width:360px){.nvp123-guide .nvp123-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.nvp123-guide .nvp123-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nvp123-guide .nvp123-tab{transition:none}}
