/* Source: 30NICE_B04_V1.html; selectors isolated to b04 */

.b04{--navy:#0B1E3F;--blue:#087DFF;--cyan:#00D5FF;--bg:#F6F9FD;--card:#FFF;--border:#E5ECF6;--text:#334155;--sub:#64748b}
.b04 *{box-sizing:border-box}.b04{scroll-behavior:smooth}.b04{margin:0;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}.b04 button, .b04 a{font:inherit}
.b04{position:relative;isolation:isolate;overflow:hidden;min-height:620px;padding:37px clamp(18px,3.2vw,56px) 60px;background:radial-gradient(ellipse at 50% 50%,#ffffff 0%,#f7fbff 53%,#e8f5ff 100%)}
.b04::before, .b04::after{content:"";position:absolute;z-index:-1;border-radius:48% 52% 44% 56%;filter:blur(1px);pointer-events:none}.b04::before{width:370px;height:240px;left:-140px;top:-120px;background:#b5e7ff75;transform:rotate(-25deg)}.b04::after{width:380px;height:265px;right:-160px;top:-118px;background:#bbf5ff8c;transform:rotate(-18deg)}
.b04 .wave{position:absolute;pointer-events:none;left:0;right:0;bottom:-1px;width:100%;height:88px;z-index:-1}
.b04 .heading{text-align:center;margin:0 auto 36px;max-width:1100px}.b04 .eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(95deg,#dcfaff,#e1f0ff);border:1px solid #b9eeff;border-radius:99px;color:#0c4d9b;font-size:14px;font-weight:800;padding:10px 25px;box-shadow:0 7px 16px #087dff12}.b04 .eyebrow svg{color:var(--blue);width:22px;height:22px}.b04 .heading h2{font-size:clamp(28px,3vw,45px);letter-spacing:-1.8px;line-height:1.23;margin:17px 0 12px;color:var(--navy);font-weight:800}.b04 .heading h2 .accent{color:#00bfe9}.b04 .heading p{margin:0;font-size:clamp(12px,1.15vw,16px);line-height:1.85;color:#475569}.b04 .rule{width:108px;height:5px;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--blue));margin:18px auto 0}
.b04 .process-track{max-width:1720px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(17px,1.85vw,29px);align-items:stretch;position:relative}.b04 .process-card{position:relative;min-width:0;background:linear-gradient(155deg,#fff 3%,#fafdff 63%,#eefaff 100%);border:1px solid #e8f1fb;border-bottom:6px solid #72e7f9;border-radius:26px;box-shadow:0 12px 23px #1b70ac14,0 3px 6px #1c81d00a;padding:10px clamp(12px,1.2vw,22px) 24px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;outline-offset:5px}.b04 .process-card:hover, .b04 .process-card:focus-visible{transform:translateY(-7px);box-shadow:0 20px 37px #137bc52b;border-color:#9bdcfc}.b04 .process-card::after{content:"»";position:absolute;right:calc(clamp(17px,1.85vw,29px) * -.9);top:39%;transform:translate(50%,-50%);color:#00bae9;font-size:44px;line-height:1;font-weight:800;text-shadow:0 2px 5px #36bdf654;z-index:2;pointer-events:none}.b04 .process-card:last-child::after{content:none}
.b04 .process-art{height:clamp(160px,13vw,220px);display:flex;align-items:center;justify-content:center;margin:-5px 0 3px}.b04 .process-art img{display:block;max-width:100%;width:clamp(155px,13vw,214px);height:100%;object-fit:contain;transition:transform .25s}.b04 .process-card:hover .process-art img{transform:scale(1.05)}.b04 .step-header{display:flex;align-items:center;gap:9px;margin:0 0 15px;white-space:normal}.b04 .step-number{flex:0 0 50px;height:50px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0d9fff,#00c6ed);color:white;font-size:23px;font-weight:800;box-shadow:0 6px 12px #0ba7f73d}.b04 .step-header h3{font-size:clamp(14px,1.15vw,19px);line-height:1.45;letter-spacing:-.65px;color:#10306a;font-weight:800;margin:0}.b04 .process-card p{font-size:clamp(12px,1vw,16px);line-height:1.85;margin:0;color:#334155}
@media (min-width:1500px){.b04{padding-top:45px;padding-bottom:75px}.b04 .heading{margin-bottom:44px}.b04 .process-track{gap:34px}.b04 .process-card::after{right:-30px}.b04 .process-card{padding-bottom:31px}.b04 .process-art{height:220px}}
@media (max-width:1200px){.b04 .process-track{gap:16px}.b04 .process-card::after{right:-17px;font-size:32px;top:38%}.b04 .process-card{border-radius:18px;padding:8px 12px 19px}.b04 .process-art{height:150px}.b04 .process-art img{width:165px}.b04 .step-header{gap:7px}.b04 .step-number{flex-basis:38px;height:38px;font-size:18px}.b04 .step-header h3{font-size:13px}.b04 .process-card p{font-size:11px;line-height:1.7}}
@media (max-width:850px){.b04{padding:36px 18px 78px;min-height:auto}.b04 .heading{margin-bottom:25px}.b04 .process-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:23px;padding:9px 3px 22px}.b04 .process-card{flex:0 0 min(64vw,275px);scroll-snap-align:center;border-radius:20px;padding:10px 16px 23px}.b04 .process-art{height:185px}.b04 .process-art img{width:205px}.b04 .step-header h3{font-size:16px}.b04 .step-number{flex-basis:46px;height:46px;font-size:21px}.b04 .process-card p{font-size:13px}.b04 .process-card::after{right:-21px;font-size:32px;top:42%}}
@media (max-width:480px){.b04 .eyebrow{font-size:11px;padding:8px 15px}.b04 .heading h2{font-size:29px;letter-spacing:-1.2px}.b04 .heading p{font-size:12px}.b04 .process-card{flex-basis:min(80vw,290px)}.b04 .process-track{gap:20px}.b04 .process-card::after{right:-20px}.b04 .wave{height:58px}}
@media (prefers-reduced-motion:reduce){.b04 *, .b04 *::before, .b04 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}