/* Source: 30NICE_B02_V4.html; selectors isolated to b02 */

.b02{--navy:#0B1E3F;--blue:#087DFF;--cyan:#00D5FF;--purple:#7B61FF;--green:#22C55E;--orange:#FF8A00;--pink:#FF4D6D;--bg:#F6F9FD;--white:#FFFFFF;--border:#E5ECF6;--muted:#64748B;--text:#334155;--heading:#0F172A;--font:"Be Vietnam Pro",Arial,sans-serif}
.b02 *{box-sizing:border-box}.b02{scroll-behavior:smooth}.b02{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.b02 button{font:inherit}.b02 button:focus-visible, .b02 a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.b02{isolation:isolate;position:relative;min-height:0;padding:clamp(54px,6vw,95px) clamp(18px,3vw,46px) clamp(98px,9vw,146px);overflow:hidden;background:radial-gradient(ellipse at 95% 10%,#d9efff 0,transparent 37%),radial-gradient(ellipse at 4% 20%,#e4eeff 0,transparent 43%),linear-gradient(180deg,#f9fbff 0%,#f5f9ff 67%,#e7f4ff 100%)}
.b02::before{content:"";position:absolute;z-index:-1;width:55vw;height:55vw;left:-25vw;top:-36vw;border-radius:50%;border:1px solid rgba(8,125,255,.08)}
.b02__inner{max-width:1600px;margin:auto;position:relative;z-index:2}
.b02__header{text-align:center;margin:0 auto clamp(33px,3vw,54px);max-width:1100px}.b02__eyebrow{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(105deg,#eaf3ff,#dceaff);border:1px solid #cbe2ff;box-shadow:0 6px 18px #087dff0b;color:#0758d9;border-radius:999px;font-weight:800;font-size:clamp(10px,1vw,13px);letter-spacing:.09em;padding:10px 20px;text-transform:uppercase}.b02__eyebrow svg{width:18px;height:18px;color:var(--blue)}.b02__heading{font-size:clamp(30px,3.1vw,55px);line-height:1.22;letter-spacing:-.035em;margin:16px 0 10px;font-weight:900;color:var(--navy)}.b02__heading span{background:linear-gradient(105deg,#0754d9,#087dff 55%,#02b9ed);-webkit-background-clip:text;background-clip:text;color:transparent}.b02__intro{font-size:clamp(13px,1.15vw,17px);margin:0 auto;max-width:860px;line-height:1.8;color:#43536d}
.b02__cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,.75vw,14px);align-items:stretch}.b02 .service{min-width:0;min-height:330px;position:relative;border-radius:19px;border:1px solid #dce9fa;background:linear-gradient(170deg,#fff,#f9fcff);box-shadow:0 12px 35px #0b397010,0 2px 7px #0b397008;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.2,.9,.2,1),box-shadow .3s,border-color .3s}.b02 .service:hover{transform:translateY(-9px);box-shadow:0 22px 44px #0864c426;border-color:#9bd3ff}.b02 .service__media{height:clamp(115px,10.5vw,180px);padding:8px 10px 0;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.b02 .service__media img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(1,72,152,.10));transition:transform .4s ease;user-select:none;-webkit-user-drag:none}.b02 .service:hover .service__media img{transform:translateY(-5px) scale(1.055)}.b02 .service__body{padding:0 clamp(11px,1vw,17px) 53px;flex:1}.b02 .service__title{color:#0b1e3f;font-size:clamp(12px,1.05vw,16px);font-weight:850;letter-spacing:-.032em;line-height:1.38;margin:0 0 11px}.b02 .service__description{font-size:clamp(10px,.71vw,12px);line-height:1.7;color:#475569;margin:0}.b02 .service__action{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #d1e6ff;background:#fff;box-shadow:0 5px 13px #0b397019;color:#0568ee;transition:background .25s,color .25s,transform .25s;border-color .25s}.b02 .service__action:hover{background:var(--blue);color:white;transform:translateX(3px);border-color:var(--blue)}.b02 .service__action svg{width:20px;height:20px;stroke-width:2.5}
.b02 .service--featured{background:radial-gradient(ellipse at 50% 20%,#176ef3,#062e90 64%,#051b5b);border-color:#00d5ff;box-shadow:0 14px 38px #005edc3c,inset 0 0 0 1px #29d8ff76}.b02 .service--featured::before{content:"";inset:0;position:absolute;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 25px #09ecff2b}.b02 .service--featured .service__title, .b02 .service--featured .service__description{color:white}.b02 .service--featured .service__description{color:#e1eeff}.b02 .service--featured .service__media img{filter:drop-shadow(0 10px 16px rgba(0,234,255,.27))}.b02 .service--featured .service__action{color:#0766e5;border-color:white}
.b02__wave{pointer-events:none;position:absolute;bottom:-1px;left:0;width:100%;height:145px;z-index:1;opacity:.94}.b02__wave svg{width:100%;height:100%;display:block}.b02__glow{position:absolute;bottom:-120px;left:-8%;height:230px;width:65%;background:radial-gradient(ellipse,#00d5ff75,transparent 65%);filter:blur(25px);pointer-events:none;z-index:0}
.b02 .dialog{border:1px solid #d6e6ff;border-radius:23px;padding:0;max-width:min(550px,calc(100% - 32px));width:100%;box-shadow:0 22px 110px #061e4880;color:var(--text)}.b02 .dialog::backdrop{background:#0b1e3f91;backdrop-filter:blur(5px)}.b02 .dialog__inner{padding:27px}.b02 .dialog__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.b02 .dialog__label{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.09em}.b02 .dialog__close{border:1px solid #e0ebfa;background:white;border-radius:50%;width:36px;height:36px;font-size:21px;color:var(--navy);cursor:pointer}.b02 .dialog__title{font-size:25px;color:var(--navy);font-weight:800;margin:16px 0 9px}.b02 .dialog__desc{font-size:14px;line-height:1.8;margin:0 0 13px}.b02 .dialog__items{margin:0;padding-left:21px;font-size:13px;line-height:1.95}.b02 .dialog__note{font-size:12px;color:#64748b;margin:16px 0 0;padding-top:13px;border-top:1px solid #e5ecf6}
/* B02 V4: six cards in one row; horizontal scroll only on narrower screens */
@media (max-width:1199px){
 .b02{padding-left:16px;padding-right:16px}
 .b02__cards{display:grid;grid-template-columns:repeat(6,minmax(215px,1fr));gap:12px;max-width:none;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:10px 1px 24px;scrollbar-width:thin;scrollbar-color:#8dc9ff transparent}
 .b02 .service{scroll-snap-align:start;min-height:355px}
 .b02 .service__media{height:165px}
 .b02 .service__title{font-size:15px}
 .b02 .service__description{font-size:11.5px}
}
@media (max-width:600px){
 .b02{padding-top:48px;padding-bottom:90px}
 .b02__header{margin-bottom:25px}
 .b02__cards{grid-template-columns:repeat(6,245px);gap:12px}
 .b02 .service{min-height:355px}
 .b02 .service__media{height:167px}
 .b02__wave{height:80px}
}
@media (prefers-reduced-motion:reduce){.b02 *, .b02 *::before, .b02 *::after{transition:none!important;scroll-behavior:auto!important}}