/* =========================================================
   BNB Tech Pro — Professional UI layer (v7)
   Loaded after site.css + Tailwind. Changes look & layout only.
   ========================================================= */
:root{
  --bp-navy:#0a1630; --bp-navy-2:#101f42; --bp-ink:#0f172a; --bp-text:#475569; --bp-muted:#64748b;
  --bp-blue:#2563eb; --bp-blue-2:#1d4ed8; --bp-cyan:#06b6d4; --bp-sky:#e8f0ff;
  --bp-line:#e5eaf3; --bp-soft:#f6f8fc; --bp-radius:18px;
  --bp-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.05);
  --bp-shadow-lg:0 2px 6px rgba(15,23,42,.05),0 22px 48px rgba(15,23,42,.10);
  --bp-grad:linear-gradient(135deg,#2563eb 0%,#1d4ed8 45%,#0ea5e9 100%);
  --bp-hero:radial-gradient(900px 480px at 85% 0%,rgba(37,99,235,.35),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(6,182,212,.18),transparent 60%),linear-gradient(160deg,#0a1630 0%,#0f2150 60%,#0a1630 100%);
}
html body{color:var(--bp-ink) !important;-webkit-font-smoothing:antialiased !important;text-rendering:optimizeLegibility !important;background:#fff !important}
html body #bnb-site h1,html body #bnb-site h2,html body #bnb-site h3{letter-spacing:-.02em !important}
html body ::selection{background:#bfdbfe !important;color:#0f172a !important}

/* ---------- Header ---------- */
html body #bnb-site header.sticky{background:#ffffff !important;backdrop-filter:saturate(180%) blur(12px) !important;-webkit-backdrop-filter:saturate(180%) blur(12px) !important;border-bottom:1px solid var(--bp-line) !important;box-shadow:0 1px 0 rgba(15,23,42,.02) !important}
html body #bnb-site header.sticky > div > div{height:72px !important}
html body #bnb-site .bnb-brand-logo{height:46px !important;width:auto !important;object-fit:contain !important;mix-blend-mode:multiply !important}
html body #bnb-site header nav > a,html body #bnb-site header nav .bnb-desktop-services > button{font-size:15px !important;font-weight:600 !important;color:#334155 !important;padding:9px 14px !important;border-radius:10px !important}
html body #bnb-site header nav > a:hover,html body #bnb-site header nav .bnb-desktop-services > button:hover{color:var(--bp-blue) !important;background:var(--bp-sky) !important}
html body #bnb-site header nav > a.bnb-nav-current,html body #bnb-site header nav a[aria-current="page"]{color:var(--bp-blue-2) !important;background:var(--bp-sky) !important}

/* ---------- Buttons ---------- */
html body #bnb-site a.bg-blue-600,html body #bnb-site button.bg-blue-600,html body #bnb-site .bnb-ed-button,html body #bnb-site .bnb-mega-cta{background:var(--bp-grad) !important;border:0 !important;border-radius:12px !important;box-shadow:0 8px 20px -6px rgba(37,99,235,.55) !important;transition:transform .2s,box-shadow .2s !important}
html body #bnb-site a.bg-blue-600:hover,html body #bnb-site button.bg-blue-600:hover,html body #bnb-site .bnb-ed-button:hover{transform:translateY(-2px) !important;box-shadow:0 14px 28px -8px rgba(37,99,235,.6) !important}
html body #bnb-site a.border.border-slate-300{border-radius:12px !important;background:#fff !important}

/* ---------- Home hero (dark, premium) ---------- */
html body.home #bnb-site section.bg-gradient-to-br:first-of-type,
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14{position:relative !important;overflow:hidden !important;background:var(--bp-hero) !important;padding-top:88px !important;padding-bottom:96px !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14::before{content:"" !important;position:absolute !important;inset:0 !important;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) !important;background-size:48px 48px !important;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%) !important;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%) !important;pointer-events:none !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 > div{position:relative !important;z-index:1 !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 h1{color:#fff !important;font-size:clamp(34px,4.6vw,58px) !important;line-height:1.08 !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 h1 .text-blue-600{background:linear-gradient(90deg,#60a5fa,#22d3ee) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 h1 + p,html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 p.text-slate-600{color:#cbd5e1 !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .bg-blue-100{background:rgba(96,165,250,.14) !important;color:#93c5fd !important;border:1px solid rgba(147,197,253,.3) !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 a.border{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.28) !important;color:#fff !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 a.border:hover{background:#fff !important;color:var(--bp-blue-2) !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .text-slate-500,html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .text-slate-600:not(.bg-white *){color:#94a3b8 !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .bg-white.rounded-2xl{border:1px solid rgba(255,255,255,.6) !important;box-shadow:0 30px 80px -20px rgba(0,0,0,.55) !important;border-radius:22px !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .bg-white.rounded-2xl p,html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .bg-white.rounded-2xl span{color:inherit !important}

/* ---------- Section rhythm ---------- */
html body #bnb-site .bnb-client-why,html body #bnb-site .bnb-client-achieve,html body #bnb-site section.py-20.bg-white{background:#fff !important}
html body #bnb-site .bnb-client-approach,html body #bnb-site .bnb-client-categories,html body #bnb-site .bnb-client-faq{background:var(--bp-soft) !important}
html body #bnb-site .bnb-client-why,html body #bnb-site .bnb-client-approach,html body #bnb-site .bnb-client-process,html body #bnb-site .bnb-client-achieve,html body #bnb-site .bnb-client-categories,html body #bnb-site .bnb-client-faq,html body #bnb-site section.py-20.bg-white{padding-top:clamp(64px,8vw,104px) !important;padding-bottom:clamp(64px,8vw,104px) !important}
html body #bnb-site section h2{font-size:clamp(28px,3.3vw,44px) !important;line-height:1.15 !important;font-weight:800 !important}
html body #bnb-site section h2 + p{font-size:17px !important;color:var(--bp-text) !important}

/* ---------- Cards ---------- */
html body #bnb-site .bnb-client-why-card,html body #bnb-site .bnb-client-achieve-card,html body #bnb-site .bnb-client-cat-card,html body #bnb-site .bnb-home-post,html body #bnb-site .bnb-blog-card,html body #bnb-site .bnb-ed-panel,html body #bnb-site .bnb-ed-cards > article,html body #bnb-site .bnb-stat,html body #bnb-site .bnb-client-faq-item{
  background:#fff !important;border:1px solid var(--bp-line) !important;border-radius:var(--bp-radius) !important;box-shadow:var(--bp-shadow) !important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important}
html body #bnb-site .bnb-client-why-card:hover,html body #bnb-site .bnb-client-achieve-card:hover,html body #bnb-site .bnb-client-cat-card:hover,html body #bnb-site .bnb-home-post:hover,html body #bnb-site .bnb-blog-card:hover,html body #bnb-site .bnb-ed-cards > article:hover{transform:translateY(-6px) !important;box-shadow:var(--bp-shadow-lg) !important;border-color:#bfd3fb !important}
html body #bnb-site .bnb-client-why-card,html body #bnb-site .bnb-client-achieve-card,html body #bnb-site .bnb-client-cat-card{position:relative !important;overflow:hidden !important}
html body #bnb-site .bnb-client-why-card::after,html body #bnb-site .bnb-client-achieve-card::after,html body #bnb-site .bnb-client-cat-card::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:3px !important;background:var(--bp-grad) !important;transform:scaleX(0) !important;transform-origin:left !important;transition:transform .35s ease !important}
html body #bnb-site .bnb-client-why-card:hover::after,html body #bnb-site .bnb-client-achieve-card:hover::after,html body #bnb-site .bnb-client-cat-card:hover::after{transform:scaleX(1) !important}
html body #bnb-site .bnb-client-why-card h3,html body #bnb-site .bnb-client-achieve-card h3,html body #bnb-site .bnb-client-cat-card h3{font-size:18px !important;font-weight:700 !important;color:var(--bp-ink) !important}
html body #bnb-site .bnb-client-why-card p,html body #bnb-site .bnb-client-achieve-card p,html body #bnb-site .bnb-client-cat-card p{color:var(--bp-text) !important;line-height:1.65 !important}
html body #bnb-site .bnb-home-post img,html body #bnb-site .bnb-blog-card img{transition:transform .5s ease !important}
html body #bnb-site .bnb-home-post:hover img,html body #bnb-site .bnb-blog-card:hover img{transform:scale(1.04) !important}
html body #bnb-site .bnb-home-post,html body #bnb-site .bnb-blog-card{overflow:hidden !important}

/* FAQ */
html body #bnb-site .bnb-client-faq-item{box-shadow:none !important}
html body #bnb-site .bnb-client-faq-item[open]{border-color:#bfd3fb !important;box-shadow:var(--bp-shadow) !important}
html body #bnb-site .bnb-client-faq-item summary{font-weight:600 !important;color:var(--bp-ink) !important}

/* Process (dark) */
html body #bnb-site .bnb-client-process{background:var(--bp-hero) !important}
html body #bnb-site .bnb-client-step{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:var(--bp-radius) !important;backdrop-filter:blur(4px) !important;transition:transform .25s,border-color .25s !important}
html body #bnb-site .bnb-client-step:hover{transform:translateY(-6px) !important;border-color:rgba(96,165,250,.6) !important}

/* ---------- CTA band ---------- */
html body #bnb-site section.bg-blue-600{position:relative !important;overflow:hidden !important;background:linear-gradient(120deg,#1e3a8a 0%,#2563eb 55%,#0ea5e9 100%) !important;padding-top:80px !important;padding-bottom:80px !important}
html body #bnb-site section.bg-blue-600::before{content:"" !important;position:absolute !important;width:520px !important;height:520px !important;right:-140px !important;top:-220px !important;border-radius:50% !important;border:80px solid rgba(255,255,255,.07) !important}
html body #bnb-site section.bg-blue-600 > div{position:relative !important}
html body #bnb-site section.bg-blue-600 a.bg-white{border-radius:12px !important;box-shadow:0 10px 24px -8px rgba(0,0,0,.35) !important}

/* ---------- Inner page heros (About / Contact / Blog) ---------- */
html body #bnb-site .bnb-ed-hero{background:var(--bp-hero) !important;border-radius:28px !important;padding:clamp(28px,5vw,64px) !important;gap:clamp(24px,4vw,56px) !important;box-shadow:var(--bp-shadow-lg) !important;overflow:hidden !important;align-items:center !important}
html body #bnb-site .bnb-ed-hero h1{color:#fff !important;font-size:clamp(32px,4.4vw,54px) !important;line-height:1.08 !important}
html body #bnb-site .bnb-ed-hero p{color:#cbd5e1 !important}
html body #bnb-site .bnb-ed-hero img{border-radius:20px !important;box-shadow:0 24px 60px -20px rgba(0,0,0,.6) !important}
html body #bnb-site .bnb-blog-hero{background:var(--bp-hero) !important}
html body #bnb-site .bnb-kicker,html body #bnb-site .bnb-blog-eyebrow{letter-spacing:.14em !important;font-weight:700 !important}
html body #bnb-site .bnb-ed-hero .bnb-kicker{display:inline-block !important;color:#93c5fd !important;background:rgba(96,165,250,.14) !important;border:1px solid rgba(147,197,253,.3) !important;padding:6px 12px !important;border-radius:999px !important}

/* Forms */
html body #bnb-site input:not([type=checkbox]):not([type=radio]),html body #bnb-site textarea,html body #bnb-site select{border-radius:12px !important;border-color:#dbe3ef !important}
html body #bnb-site input:focus,html body #bnb-site textarea:focus,html body #bnb-site select:focus{outline:none !important;border-color:var(--bp-blue) !important;box-shadow:0 0 0 4px rgba(37,99,235,.12) !important}

/* ---------- Footer ---------- */
html body #bnb-site footer{background:linear-gradient(180deg,#0a1630,#070f22) !important}
html body #bnb-site footer h3,html body #bnb-site footer h4{letter-spacing:.12em !important}
html body #bnb-site footer a{transition:color .2s !important}
html body #bnb-site footer a:hover{color:#60a5fa !important}
html body #bnb-site footer img.bnb-brand-logo,html body #bnb-site footer img{border-radius:12px !important}

/* Mega menu / dropdown polish */
html body #bnb-site .bnb-nav-dropdown{border-radius:18px !important;border:1px solid var(--bp-line) !important;box-shadow:0 24px 60px -12px rgba(15,23,42,.25) !important}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  html body #bnb-site header.sticky > div > div{height:64px !important}
  html body #bnb-site .bnb-brand-logo{height:38px !important}
  html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14{padding-top:56px !important;padding-bottom:64px !important}
  html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 h1{font-size:34px !important}
  html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .flex.flex-wrap.gap-3 > a{flex:1 1 100% !important;justify-content:center !important}
  html body #bnb-site .bnb-ed-hero{border-radius:20px !important;padding:26px 20px !important}
  html body #bnb-site section h2{font-size:28px !important}
  html body #bnb-site section.bg-blue-600{padding-top:56px !important;padding-bottom:56px !important}
  html body #bnb-site .bnb-client-why-card:hover,html body #bnb-site .bnb-client-achieve-card:hover,html body #bnb-site .bnb-client-cat-card:hover{transform:none !important}
}
@media (prefers-reduced-motion:reduce){html body *{transition:none!important}}

/* v7.1 */
html body #bnb-site .bnb-client-step p{color:#cbd5e1 !important}
html body #bnb-site .bnb-client-step h3{color:#fff !important}
html body #bnb-site section.bg-blue-600 p{color:#dbeafe !important}
html body #bnb-site section.bg-blue-600 h2{color:#fff !important}
@media (max-width:767px){html body #bnb-site section.bg-gradient-to-br.from-slate-50.pt-14 .bg-white.rounded-2xl{margin-left:10px !important;margin-right:10px !important}}
/* v7.2 header + process hero */
html body #bnb-site header.sticky.top-0.z-50{background:#ffffff !important;backdrop-filter:none !important;border-bottom:1px solid #e5eaf3 !important;box-shadow:0 1px 3px rgba(15,23,42,.05) !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.py-16{position:relative !important;overflow:hidden !important;background:var(--bp-hero) !important;padding-top:80px !important;padding-bottom:88px !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.py-16 h1{color:#fff !important;font-size:clamp(32px,4.4vw,54px) !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.py-16 h1 .text-blue-600{background:linear-gradient(90deg,#60a5fa,#22d3ee) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.py-16 p{color:#cbd5e1 !important}
html body #bnb-site section.bg-gradient-to-br.from-slate-50.py-16 .text-blue-600:not(h1 *),html body #bnb-site section.bg-gradient-to-br.from-slate-50.py-16 .uppercase{color:#93c5fd !important}

/* ================= v8: About / Contact / Article / Blog ================= */
/* --- editorial pages wrapper --- */
html body #bnb-site main.bnb-editorial{padding-top:36px !important;padding-bottom:40px !important}
html body #bnb-site main.bnb-editorial > section{margin-bottom:clamp(56px,7vw,96px) !important}
html body #bnb-site .bnb-kicker{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:12.5px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#1d4ed8 !important;background:#e8f0ff !important;border:1px solid #cfe0ff !important;padding:6px 14px !important;border-radius:999px !important;margin-bottom:16px !important}

/* --- hero card (About + Contact) --- */
html body #bnb-site main.bnb-editorial .bnb-ed-hero{display:grid !important;grid-template-columns:1.05fr .95fr !important;align-items:center !important;gap:clamp(28px,4vw,64px) !important;padding:clamp(32px,5vw,72px) !important;border-radius:32px !important;background:var(--bp-hero) !important;box-shadow:0 30px 70px -30px rgba(10,22,48,.55) !important;overflow:hidden !important;position:relative !important;color:#fff !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero::before{content:"" !important;position:absolute !important;inset:0 !important;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) !important;background-size:44px 44px !important;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 25%,transparent 70%) !important;mask-image:radial-gradient(ellipse at 30% 40%,#000 25%,transparent 70%) !important;pointer-events:none !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero > *{position:relative !important;z-index:1 !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero .bnb-kicker{color:#bfdbfe !important;background:rgba(96,165,250,.14) !important;border-color:rgba(147,197,253,.35) !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero h1{color:#fff !important;font-size:clamp(34px,4.6vw,60px) !important;line-height:1.05 !important;font-weight:800 !important;letter-spacing:-.03em !important;margin:0 0 18px !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero h1 span{background:linear-gradient(90deg,#60a5fa,#22d3ee) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero h2{color:#e2e8f0 !important;font-size:clamp(22px,2.4vw,30px) !important;font-weight:700 !important;margin:0 0 16px !important;letter-spacing:-.02em !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero p{color:#cbd5e1 !important;font-size:17.5px !important;line-height:1.75 !important;max-width:560px !important;margin:0 0 14px !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero .bnb-ed-button{margin-top:14px !important}
html body #bnb-site main.bnb-editorial .bnb-ed-hero > img{width:100% !important;max-height:440px !important;object-fit:cover !important;border-radius:24px !important;border:6px solid rgba(255,255,255,.08) !important;box-shadow:0 30px 70px -25px rgba(0,0,0,.65) !important;background:#fff !important}

/* buttons */
html body #bnb-site .bnb-ed-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:15px 28px !important;font-weight:700 !important;font-size:16px !important;color:#fff !important;letter-spacing:0 !important}

/* --- story split --- */
html body #bnb-site .bnb-ed-split{display:grid !important;grid-template-columns:.95fr 1.05fr !important;gap:clamp(28px,5vw,72px) !important;align-items:center !important}
html body #bnb-site .bnb-ed-split > img{width:100% !important;border-radius:28px !important;box-shadow:0 30px 60px -28px rgba(15,23,42,.45) !important;aspect-ratio:4/3 !important;object-fit:cover !important}
html body #bnb-site .bnb-ed-split h2,html body #bnb-site .bnb-ed-topics h2,html body #bnb-site .bnb-contact-layout h2{font-size:clamp(28px,3.2vw,42px) !important;font-weight:800 !important;color:#0f172a !important;letter-spacing:-.025em !important;margin:0 0 16px !important}
html body #bnb-site .bnb-ed-split p{font-size:17.5px !important;line-height:1.85 !important;color:#475569 !important;margin:0 0 14px !important}

/* --- mission / vision cards --- */
html body #bnb-site .bnb-ed-cards{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px !important}
html body #bnb-site .bnb-ed-cards > article{position:relative !important;padding:40px 36px !important;border-radius:24px !important;background:#fff !important;border:1px solid #e5eaf3 !important;overflow:hidden !important}
html body #bnb-site .bnb-ed-cards > article:first-child{background:linear-gradient(145deg,#0f2150,#1d4ed8) !important;border-color:transparent !important}
html body #bnb-site .bnb-ed-cards > article:first-child h3,html body #bnb-site .bnb-ed-cards > article:first-child p{color:#fff !important}
html body #bnb-site .bnb-ed-cards > article:first-child p{color:#dbeafe !important}
html body #bnb-site .bnb-ed-cards > article > span{display:grid !important;place-items:center !important;width:58px !important;height:58px !important;border-radius:16px !important;background:var(--bp-grad) !important;color:#fff !important;font-size:26px !important;margin-bottom:20px !important;box-shadow:0 12px 24px -10px rgba(37,99,235,.7) !important}
html body #bnb-site .bnb-ed-cards > article:first-child > span{background:rgba(255,255,255,.15) !important;box-shadow:none !important}
html body #bnb-site .bnb-ed-cards h3{font-size:24px !important;font-weight:800 !important;color:#0f172a !important;margin:0 0 10px !important}
html body #bnb-site .bnb-ed-cards p{font-size:17px !important;line-height:1.75 !important;color:#475569 !important;margin:0 !important}

/* --- topics --- */
html body #bnb-site .bnb-ed-topics{text-align:center !important}
html body #bnb-site .bnb-topic-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important;margin-top:32px !important;text-align:left !important}
html body #bnb-site .bnb-topic-grid > *{background:#fff !important;border:1px solid #e5eaf3 !important;border-radius:20px !important;padding:28px 26px !important;box-shadow:var(--bp-shadow) !important;transition:transform .25s,box-shadow .25s,border-color .25s !important;position:relative !important;overflow:hidden !important}
html body #bnb-site .bnb-topic-grid > *::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:4px !important;background:var(--bp-grad) !important}
html body #bnb-site .bnb-topic-grid > *:hover{transform:translateY(-5px) !important;box-shadow:var(--bp-shadow-lg) !important;border-color:#bfd3fb !important}
html body #bnb-site .bnb-topic-grid h3{font-size:19px !important;font-weight:700 !important;color:#0f172a !important;margin:0 0 8px !important}
html body #bnb-site .bnb-topic-grid p{font-size:15.5px !important;line-height:1.7 !important;color:#64748b !important;margin:0 !important}

/* --- contact layout --- */
html body #bnb-site .bnb-contact-layout{display:grid !important;grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) !important;gap:28px !important;align-items:start !important}
html body #bnb-site .bnb-contact-layout .bnb-ed-panel{padding:clamp(26px,3.5vw,44px) !important;border-radius:26px !important}
html body #bnb-site .bnb-contact-layout .bnb-ed-panel > p{color:#64748b !important;font-size:16.5px !important;line-height:1.7 !important;margin:0 0 24px !important}
html body #bnb-site .bnb-contact-layout form{display:grid !important;gap:18px !important}
html body #bnb-site .bnb-form-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px !important}
html body #bnb-site .bnb-contact-layout label{display:grid !important;gap:8px !important;font-weight:600 !important;font-size:14px !important;color:#0f172a !important}
html body #bnb-site .bnb-contact-layout input:not([type=hidden]),html body #bnb-site .bnb-contact-layout textarea{width:100% !important;background:#f8fafc !important;border:1.5px solid #e2e8f0 !important;border-radius:14px !important;padding:14px 16px !important;font-size:15.5px !important;color:#0f172a !important;transition:border-color .2s,box-shadow .2s,background .2s !important}
html body #bnb-site .bnb-contact-layout input:focus,html body #bnb-site .bnb-contact-layout textarea:focus{background:#fff !important;border-color:#2563eb !important;box-shadow:0 0 0 4px rgba(37,99,235,.12) !important}
html body #bnb-site .bnb-contact-layout textarea{min-height:160px !important}
html body #bnb-site .bnb-contact-layout form .bnb-ed-button{width:100% !important;padding:16px !important;font-size:16.5px !important}
html body #bnb-site .bnb-contact-layout small{color:#94a3b8 !important;font-size:13px !important;text-align:center !important}
html body #bnb-site .bnb-contact-details{background:var(--bp-hero) !important;border:0 !important;color:#fff !important;position:sticky !important;top:96px !important}
html body #bnb-site .bnb-contact-details h2{color:#fff !important;font-size:26px !important;margin-bottom:22px !important}
html body #bnb-site .bnb-contact-details > div{display:block !important;padding:18px !important;margin:0 0 12px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:16px !important;transition:background .2s,border-color .2s !important}
html body #bnb-site .bnb-contact-details > div:hover{background:rgba(255,255,255,.1) !important;border-color:rgba(147,197,253,.45) !important}
html body #bnb-site .bnb-contact-details strong{display:block !important;color:#93c5fd !important;font-size:13px !important;letter-spacing:.08em !important;text-transform:uppercase !important;margin-bottom:6px !important}
html body #bnb-site .bnb-contact-details a{color:#fff !important;font-weight:700 !important;font-size:17px !important;word-break:break-word !important}
html body #bnb-site .bnb-contact-details p{color:#cbd5e1 !important;font-size:14.5px !important;line-height:1.6 !important;margin:6px 0 0 !important}

/* --- bottom CTA (editorial) --- */
html body #bnb-site .bnb-ed-cta{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;flex-wrap:wrap !important;padding:clamp(28px,4vw,52px) !important;border-radius:28px !important;background:linear-gradient(120deg,#1e3a8a 0%,#2563eb 55%,#0ea5e9 100%) !important;color:#fff !important;position:relative !important;overflow:hidden !important;box-shadow:0 30px 60px -30px rgba(37,99,235,.7) !important}
html body #bnb-site .bnb-ed-cta h2,html body #bnb-site .bnb-ed-cta h3{color:#fff !important;margin:0 0 6px !important;font-size:clamp(24px,2.6vw,34px) !important}
html body #bnb-site .bnb-ed-cta p{color:#dbeafe !important;margin:0 !important}
html body #bnb-site .bnb-ed-cta .bnb-ed-button{background:#fff !important;color:#1d4ed8 !important;box-shadow:0 12px 26px -10px rgba(0,0,0,.4) !important}

/* ================= Article (single blog) ================= */
html body #bnb-site .bnb-detail-v65 .bnb-blog-container{max-width:1180px !important}
html body #bnb-site .bnb-detail-intro{display:block !important;background:#fff !important;border:1px solid #e5eaf3 !important;border-radius:28px !important;padding:18px !important;box-shadow:0 24px 60px -30px rgba(15,23,42,.25) !important;margin:28px 0 48px !important}
html body #bnb-site .bnb-detail-photo{border-radius:20px !important;overflow:hidden !important;margin:0 !important}
html body #bnb-site .bnb-detail-photo img{width:100% !important;height:auto !important;max-height:520px !important;object-fit:cover !important;display:block !important;border-radius:20px !important}
html body #bnb-site .bnb-detail-summary{padding:clamp(18px,3vw,34px) clamp(8px,2.5vw,26px) 10px !important}
html body #bnb-site .bnb-detail-crumb{font-size:14px !important;color:#64748b !important;margin-bottom:14px !important}
html body #bnb-site .bnb-detail-crumb a{color:#2563eb !important;font-weight:600 !important}
html body #bnb-site .bnb-detail-summary h1{font-size:clamp(28px,3.6vw,46px) !important;line-height:1.15 !important;font-weight:800 !important;color:#0a1f4d !important;letter-spacing:-.025em !important;margin:0 0 14px !important}
html body #bnb-site .bnb-detail-summary > p{font-size:18px !important;line-height:1.75 !important;color:#64748b !important;margin:0 0 22px !important}
html body #bnb-site .bnb-detail-byline{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important;padding-top:18px !important;border-top:1px solid #eef2f7 !important}
html body #bnb-site .bnb-detail-byline > span{display:inline-flex !important;align-items:center !important;gap:10px !important;font-size:15px !important;color:#475569 !important;font-weight:500 !important}
html body #bnb-site .bnb-detail-byline > span::before{content:"\f007" !important;font-family:"Font Awesome 6 Free" !important;font-weight:900 !important;display:grid !important;place-items:center !important;width:40px !important;height:40px !important;border-radius:50% !important;background:#e8f0ff !important;color:#1d4ed8 !important;font-size:15px !important}
html body #bnb-site .bnb-share-button{background:#e8f0ff !important;color:#1d4ed8 !important;border:1px solid #cfe0ff !important;border-radius:999px !important;padding:11px 20px !important;font-weight:700 !important;font-size:15px !important;cursor:pointer !important;transition:background .2s,color .2s !important}
html body #bnb-site .bnb-share-button:hover{background:#2563eb !important;color:#fff !important}

/* columns: sticky TOC + content */
html body #bnb-site .bnb-detail-columns{display:grid !important;grid-template-columns:270px minmax(0,1fr) !important;gap:44px !important;align-items:start !important}
html body #bnb-site .bnb-detail-columns > .bnb-toc{grid-column:1 !important;grid-row:1 !important;position:sticky !important;top:96px !important}
html body #bnb-site .bnb-detail-columns > article,html body #bnb-site .bnb-detail-columns > .bnb-detail-body{grid-column:2 !important;grid-row:1 / span 2 !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;min-width:0 !important}
html body #bnb-site .bnb-detail-columns > .bnb-detail-side{grid-column:1 !important;grid-row:2 !important}
html body #bnb-site .bnb-toc,html body #bnb-site .bnb-detail-side{background:#fff !important;border:1px solid #e5eaf3 !important;border-radius:20px !important;padding:22px !important;box-shadow:var(--bp-shadow) !important}
html body #bnb-site .bnb-toc h2,html body #bnb-site .bnb-detail-side h3{font-size:13px !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#0a1f4d !important;margin:0 0 12px !important;background:none !important;border:0 !important;padding:0 !important;box-shadow:none !important}
html body #bnb-site .bnb-toc nav{display:flex !important;flex-direction:column !important;gap:2px !important}
html body #bnb-site .bnb-toc a{display:block !important;padding:8px 12px !important;border-radius:10px !important;font-size:14.5px !important;color:#334155 !important;font-weight:500 !important;border-left:2px solid transparent !important;transition:background .2s,color .2s !important}
html body #bnb-site .bnb-toc a:hover{background:#f1f6ff !important;color:#1d4ed8 !important;border-left-color:#2563eb !important}
html body #bnb-site .bnb-toc a.bnb-toc-sub{padding-left:26px !important;font-size:13.5px !important;color:#64748b !important}
html body #bnb-site .bnb-social-share{display:grid !important;gap:8px !important;margin-bottom:22px !important}
html body #bnb-site .bnb-social-share a{display:block !important;text-align:center !important;padding:10px !important;border-radius:12px !important;background:#f1f6ff !important;color:#1d4ed8 !important;font-weight:600 !important;font-size:14px !important}
html body #bnb-site .bnb-social-share a:hover{background:#2563eb !important;color:#fff !important}
html body #bnb-site .bnb-sidebar-cta{border-radius:16px !important;background:var(--bp-hero) !important;color:#fff !important;padding:20px !important}
html body #bnb-site .bnb-sidebar-cta *{color:#fff !important}

/* article typography (reference style) */
html body #bnb-site .bnb-blog-content{font-size:18px !important;line-height:1.9 !important;color:#4b5b70 !important;max-width:none !important}
html body #bnb-site .bnb-blog-content p{margin:0 0 22px !important;color:#4b5b70 !important;font-size:18px !important;line-height:1.9 !important}
html body #bnb-site .bnb-blog-content h2{font-size:clamp(23px,2.4vw,29px) !important;line-height:1.3 !important;font-weight:700 !important;color:#0750b9 !important;background:linear-gradient(120deg,#f7faff 0%,#ecf3ff 100%) !important;border:1px solid rgba(7,80,185,.11) !important;border-radius:18px !important;padding:18px 24px !important;margin:48px 0 22px !important;box-shadow:0 16px 32px -24px rgba(5,46,115,.35) !important;scroll-margin-top:100px !important}
html body #bnb-site .bnb-blog-content h3{font-size:21px !important;font-weight:700 !important;color:#0a1f4d !important;margin:32px 0 12px !important;padding-left:14px !important;border-left:4px solid #2563eb !important;scroll-margin-top:100px !important}
html body #bnb-site .bnb-blog-content ul,html body #bnb-site .bnb-blog-content ol{margin:0 0 24px !important;padding:20px 24px 20px 46px !important;background:#f8fafc !important;border:1px solid #eef2f7 !important;border-radius:16px !important}
html body #bnb-site .bnb-blog-content li{margin:6px 0 !important;color:#334155 !important;line-height:1.75 !important}
html body #bnb-site .bnb-blog-content li::marker{color:#2563eb !important;font-weight:700 !important}
html body #bnb-site .bnb-blog-content a{color:#1d4ed8 !important;text-decoration:underline !important;text-underline-offset:3px !important;font-weight:600 !important}
html body #bnb-site .bnb-blog-content strong{color:#0f172a !important}
html body #bnb-site .bnb-blog-content img{border-radius:18px !important;margin:10px 0 !important}
html body #bnb-site .bnb-blog-content blockquote{margin:28px 0 !important;padding:20px 26px !important;border-left:4px solid #2563eb !important;background:#f1f6ff !important;border-radius:0 16px 16px 0 !important;color:#1e3a8a !important;font-style:italic !important}
html body #bnb-site .bnb-blog-content table{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;border:1px solid #e5eaf3 !important;border-radius:14px !important;overflow:hidden !important;font-size:15.5px !important;margin:0 0 24px !important}
html body #bnb-site .bnb-blog-content th{background:#0a1f4d !important;color:#fff !important;padding:12px 14px !important;text-align:left !important}
html body #bnb-site .bnb-blog-content td{padding:12px 14px !important;border-top:1px solid #eef2f7 !important}
html body #bnb-site .bnb-detail-bottom{margin-top:36px !important;padding-top:24px !important;border-top:1px solid #eef2f7 !important}
html body #bnb-site .bnb-detail-bottom a{display:inline-flex !important;padding:12px 20px !important;border-radius:12px !important;background:#e8f0ff !important;color:#1d4ed8 !important;font-weight:700 !important}

/* ================= Blog listing ================= */
html body #bnb-site .bnb-blog-hero{padding:clamp(56px,7vw,96px) 0 !important}
html body #bnb-site .bnb-blog-hero h1{font-size:clamp(36px,5vw,60px) !important;color:#fff !important}
html body #bnb-site .bnb-blog-card{border-radius:22px !important}
html body #bnb-site .bnb-blog-card .bnb-blog-cover,html body #bnb-site .bnb-blog-card img{border-radius:0 !important}
html body #bnb-site .bnb-blog-card h2,html body #bnb-site .bnb-blog-card h3{color:#0a1f4d !important;font-weight:700 !important;line-height:1.35 !important}
html body #bnb-site .bnb-blog-read{color:#1d4ed8 !important;font-weight:700 !important}
html body #bnb-site .bnb-blog-stats{border-radius:24px !important}

/* ================= responsive ================= */
@media (max-width:1023px){
  html body #bnb-site .bnb-detail-columns{grid-template-columns:minmax(0,1fr) !important;gap:24px !important}
  html body #bnb-site .bnb-detail-columns > .bnb-toc,html body #bnb-site .bnb-detail-columns > article,html body #bnb-site .bnb-detail-columns > .bnb-detail-body,html body #bnb-site .bnb-detail-columns > .bnb-detail-side{grid-column:1 !important;grid-row:auto !important;position:static !important}
  html body #bnb-site .bnb-contact-layout{grid-template-columns:minmax(0,1fr) !important}
  html body #bnb-site .bnb-contact-details{position:static !important}
  html body #bnb-site .bnb-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:780px){
  html body #bnb-site main.bnb-editorial .bnb-ed-hero,html body #bnb-site .bnb-ed-split,html body #bnb-site .bnb-ed-cards{grid-template-columns:minmax(0,1fr) !important}
  html body #bnb-site main.bnb-editorial .bnb-ed-hero{border-radius:24px !important;padding:30px 22px !important}
  html body #bnb-site main.bnb-editorial{padding-top:18px !important}
  html body #bnb-site .bnb-topic-grid,html body #bnb-site .bnb-form-grid{grid-template-columns:minmax(0,1fr) !important}
  html body #bnb-site .bnb-ed-cards > article{padding:30px 24px !important}
  html body #bnb-site .bnb-detail-intro{padding:10px !important;border-radius:22px !important;margin:16px 0 28px !important}
  html body #bnb-site .bnb-blog-content,html body #bnb-site .bnb-blog-content p{font-size:16.5px !important;line-height:1.85 !important}
  html body #bnb-site .bnb-blog-content h2{padding:14px 18px !important;margin:36px 0 18px !important}
  html body #bnb-site .bnb-blog-content ul,html body #bnb-site .bnb-blog-content ol{padding:16px 16px 16px 36px !important}
  html body #bnb-site .bnb-ed-cta{flex-direction:column !important;align-items:flex-start !important}
}

@media (max-width:1023px){html body #bnb-site .bnb-detail-v65 .bnb-blog-container{padding-left:18px !important;padding-right:18px !important}}

/* ================= v9: article hero split + TOC fix + social icons ================= */
html body #bnb-site .bnb-detail-intro{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;align-items:center !important;gap:clamp(24px,4vw,56px) !important;background:#fff !important;background-image:none !important;padding:clamp(18px,3vw,40px) !important;border-radius:30px !important}
html body #bnb-site .bnb-detail-photo{border-radius:22px !important;overflow:hidden !important;box-shadow:0 20px 40px -24px rgba(15,23,42,.35) !important}
html body #bnb-site .bnb-detail-photo img{aspect-ratio:16/9 !important;max-height:440px !important;width:100% !important;object-fit:cover !important;border-radius:22px !important}
html body #bnb-site .bnb-detail-summary{padding:0 !important;background:transparent !important}
html body #bnb-site .bnb-detail-crumb{font-size:16px !important;margin-bottom:12px !important}
html body #bnb-site .bnb-detail-crumb a{text-decoration:none !important;color:#1d4ed8 !important}
html body #bnb-site .bnb-detail-summary h1{font-size:clamp(28px,2.9vw,42px) !important;line-height:1.15 !important;color:#0a2a6b !important;margin:0 0 16px !important}
html body #bnb-site .bnb-detail-summary > p{font-size:17px !important;line-height:1.75 !important;color:#64748b !important;margin:0 0 22px !important;display:-webkit-box !important;-webkit-line-clamp:4 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
html body #bnb-site .bnb-detail-byline{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:18px !important;border-top:0 !important;padding-top:0 !important}
html body #bnb-site .bnb-detail-byline > span{font-size:16px !important;color:#475569 !important}
html body #bnb-site .bnb-detail-byline > span::before{width:46px !important;height:46px !important;font-size:17px !important}
html body #bnb-site .bnb-share-button{padding:13px 24px !important;font-size:16px !important}

/* TOC no longer sticky so it never overlaps the sidebar */
html body #bnb-site .bnb-detail-columns > .bnb-toc{position:static !important;top:auto !important}
html body #bnb-site .bnb-detail-columns > .bnb-detail-side{position:static !important;margin-top:20px !important}
html body #bnb-site .bnb-detail-side > h3:has(+ .bnb-sidebar-cta){display:none !important}

/* social share as round icons */
html body #bnb-site .bnb-social-share{display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin:4px 0 22px !important}
html body #bnb-site .bnb-social-share a{width:46px !important;height:46px !important;padding:0 !important;border-radius:50% !important;display:grid !important;place-items:center !important;font-size:0 !important;color:#fff !important;text-decoration:none !important;transition:transform .2s,box-shadow .2s !important;box-shadow:0 8px 18px -8px rgba(15,23,42,.45) !important}
html body #bnb-site .bnb-social-share a::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400 !important;font-size:19px !important;line-height:1 !important;color:#fff !important}
html body #bnb-site .bnb-social-share a[href*="facebook"]{background:#1877f2 !important}
html body #bnb-site .bnb-social-share a[href*="facebook"]::before{content:"\f39e" !important}
html body #bnb-site .bnb-social-share a[href*="whatsapp"],html body #bnb-site .bnb-social-share a[href*="wa.me"]{background:#25d366 !important}
html body #bnb-site .bnb-social-share a[href*="whatsapp"]::before,html body #bnb-site .bnb-social-share a[href*="wa.me"]::before{content:"\f232" !important}
html body #bnb-site .bnb-social-share a[href*="linkedin"]{background:#0a66c2 !important}
html body #bnb-site .bnb-social-share a[href*="linkedin"]::before{content:"\f0e1" !important}
html body #bnb-site .bnb-social-share a[href*="twitter"],html body #bnb-site .bnb-social-share a[href*="x.com"]{background:#0f1419 !important}
html body #bnb-site .bnb-social-share a[href*="twitter"]::before,html body #bnb-site .bnb-social-share a[href*="x.com"]::before{content:"\e61b" !important}
html body #bnb-site .bnb-social-share a:hover{transform:translateY(-3px) !important;box-shadow:0 12px 24px -8px rgba(15,23,42,.55) !important}
html body #bnb-site .bnb-sidebar-cta{margin-top:6px !important}
html body #bnb-site .bnb-sidebar-cta h3{font-size:18px !important;letter-spacing:0 !important;text-transform:none !important;color:#fff !important;margin:0 0 6px !important}
html body #bnb-site .bnb-sidebar-cta p{color:#cbd5e1 !important;font-size:14.5px !important;margin:0 0 14px !important}
html body #bnb-site .bnb-sidebar-cta a{display:inline-flex !important;background:#fff !important;color:#1d4ed8 !important;padding:10px 16px !important;border-radius:10px !important;font-weight:700 !important;font-size:14px !important}
html body #bnb-site .bnb-sidebar-cta a *{color:#1d4ed8 !important}

@media (max-width:900px){
  html body #bnb-site .bnb-detail-intro{grid-template-columns:minmax(0,1fr) !important;padding:14px !important;gap:20px !important}
  html body #bnb-site .bnb-detail-summary{padding:0 8px 10px !important}
}

/* v9.1 */
html body #bnb-site .bnb-detail-columns{grid-template-rows:auto 1fr !important}
html body #bnb-site .bnb-detail-columns > .bnb-detail-side{align-self:start !important}
html body #bnb-site main.bnb-detail-v65 .bnb-blog-container > section.bnb-detail-intro{background:#ffffff !important;background-image:none !important}
@media (max-width:1023px){html body #bnb-site .bnb-detail-columns{grid-template-rows:none !important}}

/* v-claude 2026-10-23: sticky TOC on desktop, hidden on mobile, related posts */
@media (min-width:1024px){
  html body #bnb-site .bnb-detail-columns{grid-template-rows:1fr auto !important}
  html body #bnb-site .bnb-detail-columns > .bnb-toc{position:sticky !important;top:96px !important;align-self:start !important;max-height:calc(100vh - 120px) !important;overflow-y:auto !important;z-index:2}
  html body #bnb-site .bnb-detail-columns > .bnb-detail-side{align-self:end !important}
}
@media (max-width:1023px){
  html body #bnb-site .bnb-detail-columns > .bnb-toc{display:none !important}
}
html body #bnb-site .bnb-related-posts{margin-top:48px !important;padding-top:32px !important;border-top:1px solid #e5eaf3 !important}
html body #bnb-site .bnb-related-posts .bnb-related-title{font-size:1.5rem !important;font-weight:700 !important;margin:0 0 20px !important;color:#0f172a !important}
html body #bnb-site .bnb-related-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:20px !important}
html body #bnb-site .bnb-related-card{display:flex !important;flex-direction:column !important;background:#fff !important;border:1px solid #e5eaf3 !important;border-radius:16px !important;overflow:hidden !important;text-decoration:none !important;color:inherit !important;transition:transform .25s ease,box-shadow .25s ease !important}
html body #bnb-site .bnb-related-card:hover{transform:translateY(-4px) !important;box-shadow:0 18px 40px -20px rgba(15,23,42,.35) !important}
html body #bnb-site .bnb-related-card img{width:100% !important;aspect-ratio:16/9 !important;height:auto !important;object-fit:cover !important;display:block !important;margin:0 !important;border-radius:0 !important}
html body #bnb-site .bnb-related-body{display:flex !important;flex-direction:column !important;gap:6px !important;padding:16px 18px 18px !important}
html body #bnb-site .bnb-related-meta{font-size:.8rem !important;color:#64748b !important}
html body #bnb-site .bnb-related-name{font-size:1.05rem !important;font-weight:700 !important;line-height:1.35 !important;color:#0f172a !important}
html body #bnb-site .bnb-related-more{font-size:.85rem !important;font-weight:600 !important;color:#2a9bdc !important;margin-top:4px !important}