/* Source: 30NICE_B07_Technology_V1.html; selectors isolated to b07 */

.b07{--navy:#0B1E3F;--blue:#087DFF;--cyan:#00D5FF;--bg:#F6F9FD;--border:#E5ECF6;--text:#334155;--heading:#0F172A;--shadow:0 12px 34px rgba(18,83,168,.1)}
.b07 *{box-sizing:border-box}.b07{scroll-behavior:smooth}.b07{margin:0;font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--text);background:white}.b07 button{font:inherit}.b07 button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.b07{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 45% 47% at 50% 45%,#d2eaff 0%,transparent 100%),radial-gradient(ellipse 28% 40% at 92% 4%,#d8eaff 0%,transparent 100%),linear-gradient(148deg,#fafdff,#edf6ff 62%,#e9f3ff);padding:30px 24px 68px}
.b07:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-77px;height:164px;z-index:-1;border-radius:50%;background:linear-gradient(90deg,#61cfff55,#b6e8fd88,#789dff50);transform:rotate(-1deg)}
.b07 .container{max-width:1520px;margin:auto}.b07 .section-head{text-align:center;max-width:1060px;margin:0 auto 27px}.b07 .eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:16px;color:#063c99;font-weight:800;border:1px solid #a8cfff;border-radius:99px;background:linear-gradient(110deg,#fff,#dbeaff);box-shadow:0 5px 13px #145dc112;padding:10px 23px}.b07 .eyebrow svg{width:22px;height:22px;stroke:var(--blue)}.b07 h2{font-size:clamp(30px,3.55vw,51px);letter-spacing:-1.7px;line-height:1.23;color:#071a47;margin:13px 0 12px;font-weight:800}.b07 h2 span{color:var(--blue)}.b07 .under{width:70px;height:4px;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px;margin:0 auto 12px}.b07 .section-head p{font-size:clamp(13px,1.15vw,16px);line-height:1.8;max-width:880px;margin:0 auto;color:#374a6b}
.b07 .tech-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.06fr) minmax(0,1fr);align-items:center;column-gap:16px;min-height:550px}.b07 .tech-col{display:grid;gap:15px;align-self:stretch;align-content:center;position:relative;z-index:2}.b07 .tech-card{min-width:0;min-height:158px;display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:8px;padding:12px 16px 12px 7px;border:1px solid rgba(207,225,247,.9);border-radius:24px;background:linear-gradient(125deg,rgba(255,255,255,.95),rgba(240,249,255,.83));box-shadow:var(--shadow),inset 0 1px 0 white;position:relative;transition:transform .25s,box-shadow .25s;backdrop-filter:blur(4px)}.b07 .tech-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #1460b42b}.b07 .tech-card img{display:block;width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 7px 8px #1b61be22)}.b07 .tech-card h3{display:flex;align-items:center;gap:8px;font-size:clamp(15px,1.26vw,20px);color:#081e4f;margin:0 0 5px;line-height:1.4;font-weight:800}.b07 .title-mark{display:inline-flex;color:#087dff;flex:0 0 auto}.b07 .title-mark svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none}.b07 .tech-card p{font-size:clamp(11px,.9vw,13px);line-height:1.55;margin:0 0 9px}.b07 .tags{display:flex;flex-wrap:wrap;gap:6px}.b07 .tags span{display:inline-flex;border:1px solid #cee4fb;background:linear-gradient(180deg,#fff,#dceaff);padding:5px 9px;border-radius:99px;color:#0a3c91;font-size:clamp(10px,.78vw,12px);font-weight:600;white-space:nowrap;line-height:1.2}
.b07 .center-stage{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;min-width:0;z-index:1}.b07 .center-stage:before{content:"";position:absolute;width:98%;aspect-ratio:1;background:radial-gradient(circle,#bfe7ff88,transparent 67%);border-radius:50%;filter:blur(18px)}.b07 .center-stage img{position:relative;width:min(100%,530px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 22px #126bea38);animation:b07float 7s ease-in-out infinite}.b07 .connection{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:0}.b07 .connection svg{width:100%;height:100%;overflow:visible}.b07 .connection path{fill:none;stroke:#24bfea;stroke-width:2;opacity:.68}.b07 .connection circle{fill:white;stroke:#00d5ff;stroke-width:2.4}@keyframes b07float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.b07 .tech-card.right{grid-template-columns:135px minmax(0,1fr)}.b07 .small-note{text-align:center;margin:16px auto 0;font-size:11px;color:#59708d}.b07-bottom-wave{height:5px;max-width:950px;margin:30px auto 0;background:linear-gradient(90deg,transparent,#05c7f6,#087dff,transparent);border-radius:100%}
@media (max-width:1270px){.b07{padding-inline:15px}.b07 .tech-grid{grid-template-columns:1fr .89fr 1fr;gap:9px}.b07 .tech-card, .b07 .tech-card.right{grid-template-columns:100px minmax(0,1fr);min-height:154px;padding:10px 10px 10px 0;gap:4px}.b07 .tech-card img{width:110px;height:122px}.b07 .tags{gap:4px}.b07 .tags span{padding:5px 7px}.b07 .tech-card h3{font-size:15px}.b07 .center-stage img{width:100%}}
@media (max-width:920px){.b07 .tech-grid{grid-template-columns:1fr 1fr;gap:12px}.b07 .center-stage{grid-column:1/-1;grid-row:1;max-width:420px;width:65%;margin:0 auto -40px}.b07 .tech-col{align-content:start}.b07 .tech-card, .b07 .tech-card.right{grid-template-columns:96px 1fr;min-height:144px}.b07 .connection{display:none}}
@media (max-width:650px){.b07{padding:26px 13px 42px}.b07 .section-head{margin-bottom:15px}.b07 .eyebrow{font-size:12px;padding:8px 16px}.b07 h2{font-size:29px;letter-spacing:-.8px}.b07 .section-head p{font-size:12px}.b07 .tech-grid{display:flex;flex-direction:column;gap:12px}.b07 .center-stage{width:min(100%,360px);max-width:360px;margin:0 auto -12px;order:-1;align-self:center}.b07 .tech-col{width:100%;gap:12px}.b07 .tech-col:first-of-type{order:1}.b07 .tech-col:last-of-type{order:2}.b07 .tech-card, .b07 .tech-card.right{grid-template-columns:105px 1fr;min-height:144px;padding:10px 12px 10px 2px;border-radius:19px}.b07 .tech-card img{height:114px;width:110px}.b07 .tech-card h3{font-size:16px}.b07 .tech-card p{font-size:11px}.b07 .tags span{font-size:10px}}
@media (prefers-reduced-motion:reduce){.b07 .center-stage img{animation:none}.b07 .tech-card{transition:none}}