/* Source: 30NICE_B06_Projects_V5.html; selectors isolated to b06 */

.b06{--navy:#0B1E3F;--blue:#087DFF;--cyan:#00D5FF;--purple:#7B61FF;--green:#22C55E;--bg:#F6F9FD;--border:#E5ECF6;--text:#334155}
.b06 *{box-sizing:border-box}.b06{scroll-behavior:smooth}.b06{margin:0;font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--text);background:#f7fbff;-webkit-font-smoothing:antialiased}.b06 a, .b06 button{font:inherit}.b06 a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.b06{position:relative;isolation:isolate;overflow:hidden;padding:70px 20px 78px;background:radial-gradient(ellipse at 4% 4%,#cce4ff9c,transparent 34%),radial-gradient(ellipse at 94% 8%,#d9ebffb3,transparent 34%),linear-gradient(155deg,#f9fcff,#e8f3ff 69%,#eaf5ff)}
.b06:before{position:absolute;content:"";inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(145deg,transparent 0 118px,#fff8 119px 120px);mask-image:linear-gradient(to bottom,black,transparent 43%);z-index:-1}
.b06:after{content:"";position:absolute;pointer-events:none;left:-15%;right:-15%;height:130px;bottom:-95px;border-radius:50%;background:linear-gradient(90deg,#087dff60,#00d5ff60,#7b61ff46);filter:blur(30px);z-index:-1}
.b06__wrap{max-width:1450px;margin:auto}.b06__heading{text-align:center;margin:0 auto 33px;max-width:970px}.b06__eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #c4e0ff;background:linear-gradient(105deg,#e5f4ff,#d3ebff);color:#0059cc;font-size:13px;font-weight:800;border-radius:100px;padding:10px 20px;box-shadow:0 8px 16px #0d69bd18}.b06__eyebrow svg{width:22px;height:22px;flex-shrink:0}.b06__heading h2{font-size:clamp(28px,3.7vw,49px);line-height:1.19;letter-spacing:-1.7px;color:var(--navy);font-weight:900;margin:20px 0 12px}.b06__heading h2 span{color:#087dff}.b06__heading p{font-size:14px;line-height:1.85;color:#465873;max-width:790px;margin:0 auto}
.b06__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.b06__card{display:flex;flex-direction:column;min-width:0;border-radius:28px;overflow:hidden;border:1px solid #d3e5fa;background:linear-gradient(180deg,#ffffffef,#f9fcffed);box-shadow:0 16px 34px #1d60b118,0 4px 8px #1d60b10c;transition:transform .25s,box-shadow .25s}.b06__card:hover{transform:translateY(-6px);box-shadow:0 22px 42px #1d60b128}
.b06__card--green{border-color:#d5eedb}.b06__card--purple{border-color:#e2d7fc}
.b06__visual{position:relative;height:280px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 14px 0;flex:none}.b06__visual--blue{background:radial-gradient(ellipse at 50% 72%,#7ec8ff80,transparent 65%),linear-gradient(145deg,#f6fcff,#dceeff)}.b06__visual--green{background:radial-gradient(ellipse at 50% 72%,#8deac57a,transparent 65%),linear-gradient(145deg,#f9fffa,#e2f8eb)}.b06__visual--purple{background:radial-gradient(ellipse at 50% 72%,#cbaaff8a,transparent 65%),linear-gradient(145deg,#fcfaff,#efe3ff)}.b06__visual:after{content:"";position:absolute;left:12%;right:12%;bottom:11px;height:17px;background:#1c6bbb30;filter:blur(18px);border-radius:50%}.b06__visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease;filter:drop-shadow(0 10px 14px #173c7d12)}.b06__card:hover .b06__visual img{transform:translateY(-4px) scale(1.025)}
.b06__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}.b06__type{display:inline-block;width:fit-content;font-size:10px;letter-spacing:.08em;font-weight:800;color:#0965dc;text-transform:uppercase;margin-bottom:9px}.b06__card--green .b06__type{color:#16844c}.b06__card--purple .b06__type{color:#7643d1}.b06__body h3{font-size:22px;font-weight:900;color:var(--navy);letter-spacing:-.7px;line-height:1.3;margin:0 0 10px}.b06__body p{margin:0 0 18px;font-size:12px;line-height:1.8;color:#485a73;min-height:65px}.b06__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:0;list-style:none}.b06__features li{display:flex;align-items:center;gap:6px;min-width:0;font-size:10.5px;font-weight:600;line-height:1.4;color:#36536f;background:#f2f8ff;border-radius:999px;padding:8px 8px}.b06__features svg{width:15px;height:15px;flex-shrink:0;color:#0f85ee}.b06__card--green .b06__features li{background:#effbf3}.b06__card--green .b06__features svg{color:#1aad67}.b06__card--purple .b06__features li{background:#f5f0ff}.b06__card--purple .b06__features svg{color:#9258ec}
.b06__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:18px}.b06__chips span{font-size:9px;font-weight:700;color:#51617c;border:1px solid #d9e6f7;border-radius:99px;padding:5px 9px;background:#ffffffbf}
.b06__button{display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:48px;max-width:260px;width:100%;align-self:center;border-radius:100px;background:linear-gradient(100deg,#0076ed,#0053cd);color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 9px 19px #087dff37;transition:transform .2s,box-shadow .2s}.b06__button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #087dff45}.b06__button svg{height:17px;width:17px}.b06__card--green .b06__button{background:linear-gradient(100deg,#28cd61,#008a48);box-shadow:0 9px 19px #22a45538}.b06__card--purple .b06__button{background:linear-gradient(100deg,#a24df7,#6b33c8);box-shadow:0 9px 19px #7b61ff39}
.b06__foot{text-align:center;color:#64748b;font-size:10px;line-height:1.6;margin:20px 0 0}
@media (min-width:1450px){.b06__visual{height:320px}}@media (max-width:1120px){.b06__grid{gap:12px}.b06__card{border-radius:19px}.b06__body{padding:16px}.b06__visual{height:230px}.b06__body h3{font-size:18px}.b06__features{gap:5px}.b06__features li{font-size:9px;padding:7px 6px}}
@media (max-width:780px){.b06{padding:48px 14px 62px}.b06__heading{margin-bottom:26px}.b06__heading h2{letter-spacing:-1px}.b06__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;gap:18px}.b06__visual{height:290px}.b06__body{padding:22px}.b06__features li{font-size:11px;padding:9px}.b06__body p{min-height:0}.b06__body h3{font-size:21px}}
@media (max-width:430px){.b06__visual{height:240px}.b06__eyebrow{font-size:10px}.b06__body{padding:18px}.b06__features li{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.b06__card, .b06__visual img, .b06__button{transition:none}}

/* B06 V2: review-mockup fidelity; project imagery remains separate under media/ */
.b06{padding:30px 22px 48px;background:radial-gradient(ellipse at 5% 28%,#caeaff9e,transparent 48%),radial-gradient(ellipse at 99% 43%,#decaff65,transparent 38%),linear-gradient(147deg,#f7fbff,#e1f1ff 95%)}
.b06__wrap{max-width:1640px}.b06__heading{max-width:1400px;margin-bottom:18px}.b06__eyebrow{font-size:17px;padding:9px 28px;color:#061d53;border-color:#b6deff;background:linear-gradient(120deg,#e7f9ff,#c0e5ff);box-shadow:0 7px 18px #0d69bd16}.b06__eyebrow svg{color:#087dff;width:25px;height:25px}.b06__heading h2{font-size:clamp(28px,3.15vw,43px);white-space:nowrap;letter-spacing:-1.6px;margin:12px 0 7px}.b06__heading p{font-size:15px;max-width:1000px;line-height:1.6}.b06__heading:after{content:"";display:block;width:72px;height:5px;background:linear-gradient(90deg,#087dff,#00d5ff);border-radius:10px;margin:13px auto 0}
.b06__showcase{position:relative}.b06__grid{gap:12px}.b06__card{border-radius:30px;border:2px solid #badfff;background:linear-gradient(180deg,#eefaff 0,#fafdff 73%);box-shadow:0 9px 24px #225dab21;overflow:hidden}.b06__card--green{border-color:#c9f2db;background:linear-gradient(180deg,#effef3,#fafffc 73%)}.b06__card--purple{border-color:#e6d2ff;background:linear-gradient(180deg,#faf1ff,#fffaff 73%)}
.b06__visual{height:308px;padding:0 0 0;background:transparent;overflow:visible}.b06__visual--blue{background:radial-gradient(ellipse at 50% 70%,#96d4ff62,transparent 70%)}.b06__visual--green{background:radial-gradient(ellipse at 50% 70%,#8ef0ba4d,transparent 70%)}.b06__visual--purple{background:radial-gradient(ellipse at 50% 70%,#d2a5ff55,transparent 70%)}.b06__visual img{width:108%;max-width:none;height:111%;margin-top:8px;object-fit:contain;filter:drop-shadow(0 10px 8px #122c6c17)}
.b06__body{padding:0 23px 22px}.b06__body h3{font-size:23px;display:flex;align-items:center;gap:10px;margin-bottom:6px;letter-spacing:-.9px;line-height:1.25}.b06__project-icon{display:inline-flex;justify-content:center;align-items:center;font-family:system-ui;flex:none;color:white;border-radius:11px;width:39px;height:39px;font-size:22px;box-shadow:0 5px 11px #1a57ab20}.b06__project-icon--blue{background:linear-gradient(145deg,#00c8ff,#0965ef)}.b06__project-icon--green{background:linear-gradient(145deg,#6bea86,#0cb751)}.b06__project-icon--purple{background:linear-gradient(145deg,#cc89ff,#8034d7)}.b06__external{font-size:18px;color:#0965dc;margin-left:-5px}.b06__card--green .b06__external{color:#1ea75e}.b06__card--purple .b06__external{color:#9046db}
.b06__body p{font-size:12px;min-height:49px;margin-bottom:12px;color:#283c5b;line-height:1.5}.b06__features{gap:6px;margin-bottom:10px}.b06__features li{background:transparent!important;padding:3px 0;font-size:10.5px;line-height:1.5}.b06__features svg{width:17px;height:17px;background:#087dff;color:#fff;border-radius:50%;padding:3px}.b06__card--green .b06__features svg{background:#20c972;color:#fff}.b06__card--purple .b06__features svg{background:#9744dd;color:#fff}
.b06__chips{gap:6px;margin-bottom:12px}.b06__chips span{background:#ffffffc8;border-color:#c4defd;padding:6px 10px;font-size:9px;box-shadow:0 2px 4px #1155a00a}.b06__button{min-height:43px;max-width:235px;font-size:14px;box-shadow:0 6px 14px #0b64d72f}.b06__nav{position:absolute;top:42%;z-index:4;width:43px;height:43px;border-radius:50%;border:1px solid #c5dafa;background:white;color:#075be1;font-size:34px;line-height:1;display:grid;place-items:center;box-shadow:0 7px 18px #1857af2a;cursor:pointer}.b06__nav--prev{left:-22px}.b06__nav--next{right:-22px}.b06__nav:hover{color:white;background:#087dff}.b06__pagination{display:flex;justify-content:center;gap:10px;margin-top:17px}.b06__pagination button{width:13px;height:13px;border-radius:50%;border:0;background:#a1bfeb;cursor:pointer;padding:0}.b06__pagination button.active{background:#0862e8;transform:scale(1.12)}.b06__card.is-current{outline:2px solid #38b8ff44;outline-offset:-2px}.b06__foot{margin-top:15px}
@media (max-width:1200px){.b06__heading h2{white-space:normal}.b06__visual{height:250px}.b06__body{padding:0 14px 18px}.b06__body h3{font-size:18px}.b06__project-icon{width:33px;height:33px;font-size:18px}.b06__features li{font-size:9px}.b06__chips span{font-size:8px}}
@media (max-width:780px){.b06{padding:45px 15px 50px}.b06__heading{margin-bottom:22px}.b06__heading h2{font-size:29px}.b06__heading p{font-size:12px}.b06__showcase{max-width:590px;margin:auto}.b06__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:15px;max-width:100%;border-radius:24px}.b06__grid::-webkit-scrollbar{display:none}.b06__card{flex:0 0 100%;scroll-snap-align:start}.b06__visual{height:285px}.b06__body{padding:0 22px 23px}.b06__body h3{font-size:22px}.b06__features li{font-size:11px}.b06__nav--prev{left:-10px}.b06__nav--next{right:-10px}.b06__nav{top:38%;width:38px;height:38px}}
@media (max-width:440px){.b06__visual{height:225px}.b06__body{padding:0 17px 20px}.b06__body h3{font-size:19px}.b06__features li{font-size:9px}.b06__eyebrow{font-size:12px}.b06__heading h2{font-size:25px}}

/* B06 V5 — trust strip, no unverified numerical claims */
.b06__trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin:21px auto 4px;padding:13px 14px;max-width:1510px;border:1px solid #d0e4fb;border-radius:999px;background:linear-gradient(120deg,#ffffffee,#f0f8ffec);box-shadow:0 9px 25px #0b55a416}
.b06__trust-item{display:flex;align-items:center;justify-content:center;gap:11px;padding:6px 10px;min-width:0}
.b06__trust-item+.b06__trust-item{border-left:1px solid #b9d6f9}
.b06__trust-icon{width:59px;height:59px;flex:0 0 59px;display:grid;place-items:center;background:none}
.b06__trust-icon img{display:block;width:100%;height:100%;object-fit:contain}
.b06__trust-copy{min-width:0}.b06__trust-copy strong{display:block;font-size:14px;line-height:1.35;color:#09265c;font-weight:800}.b06__trust-copy span{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#5e718b}
/* B06 V5: Four metrics always occupy ONE continuous horizontal row. */
.b06__trust{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:999px;gap:0;overflow:visible}
.b06__trust-item{border-top:0!important;min-width:0;white-space:normal}
.b06__trust-item:nth-child(3){border-left:1px solid #b9d6f9}
@media (max-width:1100px){.b06__trust{padding:10px 8px}.b06__trust-item{gap:7px;padding:7px 5px}.b06__trust-icon{width:47px;height:47px;flex-basis:47px}.b06__trust-copy strong{font-size:11px}.b06__trust-copy span{font-size:9px}}
@media (max-width:700px){.b06__trust{display:flex;overflow-x:auto;overflow-y:hidden;max-width:100%;border-radius:20px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:10px 8px;scrollbar-width:thin}.b06__trust-item{flex:0 0 205px;justify-content:flex-start;scroll-snap-align:start;padding:7px 10px}.b06__trust-item+.b06__trust-item{border-left:1px solid #b9d6f9!important}.b06__trust-copy strong{font-size:12px}.b06__trust-copy span{font-size:9px}.b06__trust-icon{width:48px;height:48px;flex-basis:48px}}