:root {
  --hbcss-ink: #111019;
  --hbcss-paper: #f7f6f2;
  --hbcss-white: #fff;
  --hbcss-violet: #403070;
  --hbcss-lilac: #c5bfd8;
  --hbcss-mint: #bfd3da;
  --hbcss-line: rgba(17, 16, 25, .14);
  --hbcss-radius: 24px;
  --hbcss-shell: 1440px;
  --hbcss-mobile-gutter: 16px;
}

.hbcss-site-preview .entry-header,
.hbcss-site-preview .page-header,
.hbcss-site-preview .entry-title,
.hbcss-site-preview .wp-block-post-title { display: none !important; }
.hbcss-site-preview main#wp--skip-link--target { margin-top: 0 !important; padding: 0 !important; max-width: none !important; }
.hbcss-site-preview main#wp--skip-link--target > .wp-block-group,
.hbcss-site-preview .wp-block-post-content,
.hbcss-site-preview .wp-block-post-content > .elementor { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.hbcss-site-preview .site-main,
.hbcss-site-preview .entry-content { margin: 0; padding: 0; max-width: none; }
.hbcss-elementor-root,
.hbcss-elementor-root > .e-con-inner,
.hbcss-elementor-root .elementor-widget-html,
.hbcss-elementor-root .elementor-widget-container { width: 100%; max-width: none !important; margin: 0; padding: 0; }

.hbcss-page { background: var(--hbcss-white); color: var(--hbcss-ink); font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; overflow: clip; }
.hbcss-page *, .hbcss-page *::before, .hbcss-page *::after { box-sizing: border-box; }
.hbcss-page ::selection { color: #fff; background: #594184; text-shadow: none; }
.hbcss-page [aria-hidden="true"] { -webkit-user-select: none; user-select: none; }
/* Suppress the theme's mouse-focus outline; preserve keyboard focus indicators. */
.hbcss-page :is(a, button, summary, [role="button"]):focus:not(:focus-visible) { outline: none; }
.hbcss-page h1, .hbcss-page h2, .hbcss-page h3, .hbcss-page p { margin-top: 0; }
.hbcss-page h1, .hbcss-page h2, .hbcss-page h3 { font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.hbcss-page p { font-size: clamp(1rem, .9vw, 1.18rem); line-height: 1.58; color: #4d4b55; }
.hbcss-shell { width: min(calc(100% - clamp(32px, 8vw, 160px)), var(--hbcss-shell)); margin-inline: auto; }
.hbcss-section { padding: clamp(70px, 6.4vw, 108px) 0; }
.hbcss-section--mist { background: var(--hbcss-paper); }
.hbcss-section--ink { background: var(--hbcss-ink); color: var(--hbcss-white); }
.hbcss-section--ink p { color: rgba(255,255,255,.7); }
.hbcss-section--ink .hbcss-card { color: var(--hbcss-ink); }
.hbcss-section--ink .hbcss-card p { color: #4d4b55; }
.hbcss-kicker, .hbcss-card__eyebrow { display: block; margin-bottom: 18px; color: var(--hbcss-violet); font-size: .76rem; font-weight: 800; letter-spacing: .14em; line-height: 1.2; text-transform: uppercase; }
.hbcss-section--ink .hbcss-kicker { color: var(--hbcss-lilac); }
.hbcss-section-head { max-width: 820px; margin-bottom: clamp(38px, 5vw, 70px); }
.hbcss-section-head h2 { margin-bottom: 22px; font-size: clamp(2.5rem, 3.2vw, 3.75rem); line-height: 1.12; }
.hbcss-section-head p { max-width: 720px; }
.hbcss-lead { font-size: clamp(1.2rem, 1.3vw, 1.5rem) !important; }

.hbcss-hero { position: relative; min-height: min(660px, 70vh); display: grid; align-items: center; background: #efeee9; isolation: isolate; }
.hbcss-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(239,238,233,.98) 0%, rgba(239,238,233,.92) 46%, rgba(239,238,233,.18) 76%), var(--hbcss-hero-image) center right/cover no-repeat; }
.hbcss-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; background-image: linear-gradient(rgba(17,16,25,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(17,16,25,.09) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,#000,transparent 70%); }
.hbcss-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; padding-block: clamp(80px, 6vw, 104px); }
.hbcss-hero__copy { width: min(45vw, 760px); max-width: 760px; }
.hbcss-hero h1 { max-width: 760px; margin-bottom: 26px; font-size: clamp(3.4rem, 4.4vw, 5.25rem); line-height: 1.12; }
.hbcss-hero__copy > p { max-width: 640px; margin-bottom: 30px; color: #383640; font-size: clamp(1.1rem, 1.05vw, 1.25rem); line-height: 1.5; }
.hbcss-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hbcss-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 30px; padding: 15px 22px; border: 1px solid var(--hbcss-violet); border-radius: 999px; background: var(--hbcss-violet); color: white !important; font-size: .95rem; font-weight: 800; letter-spacing: .02em; line-height: 1.2; text-decoration: none !important; transition: transform .2s ease, background .2s ease; }
.hbcss-button:hover { transform: translateY(-2px); background: #302454; }
.hbcss-button span { font-size: 1.15em; }
.hbcss-button--ghost { border-color: var(--hbcss-ink); background: transparent; color: var(--hbcss-ink) !important; }
.hbcss-button--dark { background: var(--hbcss-ink); border-color: var(--hbcss-ink); }
.hbcss-button--light { background: white; border-color: white; color: var(--hbcss-ink) !important; }
.hbcss-button--ghost:hover,
.hbcss-button--ghost:focus-visible,
.hbcss-button--light:hover,
.hbcss-button--light:focus-visible { background: #ece7f5; border-color: #786694; color: #211932 !important; }
.hbcss-button:focus-visible { outline: 3px solid #9678ce; outline-offset: 4px; }
.hbcss-hero__visual { display: none; }
.hbcss-hero__visual > span { font: 800 clamp(3rem, 5vw, 5.5rem)/1 "Roboto Condensed", sans-serif; letter-spacing: -.08em; }
.hbcss-orbit, .hbcss-orbit::before, .hbcss-orbit::after { position: absolute; inset: 12%; border: 1px solid rgba(64,48,112,.42); border-radius: 50%; content: ""; }
.hbcss-orbit { animation: hbcss-spin 16s linear infinite; }
.hbcss-orbit::before { inset: 20%; }
.hbcss-orbit::after { inset: 38%; background: var(--hbcss-violet); }
.hbcss-orbit i { position: absolute; width: 13px; height: 13px; border-radius: 50%; background: var(--hbcss-violet); }
.hbcss-orbit i:nth-child(1) { left: -6px; top: 50%; }.hbcss-orbit i:nth-child(2) { right: 14%; top: 4%; }.hbcss-orbit i:nth-child(3) { right: 0; bottom: 28%; background: var(--hbcss-mint); }
@keyframes hbcss-spin { to { transform: rotate(360deg); } }

/* About HBC: HBC Suomeksi operating model */
.hbcss-page--about .hbcss-hero { min-height: 720px; }
.hbcss-page--about .hbcss-hero::before { background: linear-gradient(90deg,rgba(239,238,233,.99) 0%,rgba(239,238,233,.96) 42%,rgba(239,238,233,.25) 66%,rgba(239,238,233,.04) 100%),var(--hbcss-hero-image) center/cover no-repeat; }
.hbcss-page--about .hbcss-hero::after { opacity: .24; }
.hbcss-page--about .hbcss-hero__grid { min-height: 720px; }
.hbcss-page--about .hbcss-hero__copy { width: min(48vw,800px); }

.hbcss-about-manifesto { background: #eeece6; }
.hbcss-about-manifesto > .hbcss-shell { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(54px,8vw,130px); align-items: start; }
.hbcss-about-manifesto__copy { position: sticky; top: 120px; }
.hbcss-about-manifesto__copy h2 { max-width: 650px; margin-bottom: 28px; font-size: clamp(2.8rem,3.8vw,4.6rem); line-height: 1.12; }
.hbcss-about-manifesto__copy p { max-width: 620px; font-size: clamp(1.06rem,1.05vw,1.22rem); }
.hbcss-about-manifesto__cards { display: grid; gap: 14px; }
.hbcss-about-manifesto__cards article { min-height: 310px; display: flex; flex-direction: column; padding: clamp(30px,3vw,48px); border: 1px solid var(--hbcss-line); border-radius: 26px; background: white; box-shadow: 0 22px 60px rgba(17,16,25,.055); }
.hbcss-about-manifesto__cards article:last-child { background: linear-gradient(90deg,rgba(9,14,35,.97),rgba(9,14,35,.83) 52%,rgba(9,14,35,.3)), url("images/hbc-about-vision-v3.webp") center right/cover; color: white; }
.hbcss-about-manifesto__cards span { margin-bottom: auto; color: var(--hbcss-violet); font-size: .76rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.hbcss-about-manifesto__cards article:last-child span { color: var(--hbcss-mint); }
.hbcss-about-manifesto__cards h3 { max-width: 620px; margin: 54px 0 18px; font-size: clamp(2rem,2.5vw,3rem); line-height: 1.12; }
.hbcss-about-manifesto__cards p { max-width: 650px; margin: 0; }
.hbcss-about-manifesto__cards article:last-child p { color: rgba(255,255,255,.7); }

.hbcss-about-model { position: relative; isolation: isolate; background: radial-gradient(circle at 12% 10%,rgba(64,48,112,.25),transparent 28%),radial-gradient(circle at 92% 88%,rgba(32,88,112,.12),transparent 24%),#0d111c; overflow: hidden; }
.hbcss-about-model::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); }
.hbcss-about-model .hbcss-section-head { max-width: 980px; }
.hbcss-operating-map { display: grid; gap: 14px; }
.hbcss-operating-map__stages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.hbcss-operating-map__stages article { position: relative; min-height: 360px; display: flex; flex-direction: column; padding: clamp(24px,2.4vw,34px); border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.022)); }
.hbcss-operating-map__stages article:nth-child(2) { border-color: rgba(185,181,255,.34); background: linear-gradient(150deg,rgba(64,48,112,.2),rgba(255,255,255,.025)); }
.hbcss-operating-map__stages article:nth-child(3) { border-color: rgba(32,88,112,.3); background: linear-gradient(150deg,rgba(32,88,112,.14),rgba(255,255,255,.025)); }
.hbcss-operating-map__stages article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -21px; top: 47px; display: grid; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: #171725; color: var(--hbcss-mint); place-items: center; }
.hbcss-system-icon { width: 54px; height: 54px; margin-bottom: 62px; padding: 12px; border: 1px solid currentColor; border-radius: 16px; color: var(--hbcss-lilac); background: rgba(185,181,255,.06); }
.hbcss-operating-map__stages article:nth-child(3) .hbcss-system-icon { color: var(--hbcss-mint); }
.hbcss-operating-map__stages article > span { display: block; margin-bottom: 14px; color: var(--hbcss-lilac); font-size: .74rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hbcss-operating-map__stages article:nth-child(3) > span { color: var(--hbcss-mint); }
.hbcss-operating-map__stages h3 { max-width: 390px; margin-bottom: 18px; font-size: clamp(1.85rem,2.2vw,2.65rem); line-height: 1.12; }
.hbcss-operating-map__stages p { margin-bottom: 26px; color: rgba(255,255,255,.68); font-size: 1rem; }
.hbcss-operating-map__stages small { display: block; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.72); font-size: .8rem; line-height: 1.45; }
.hbcss-operating-map__rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.hbcss-operating-map__rail article { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; align-items: center; min-height: 104px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.04); }
.hbcss-operating-map__rail .hbcss-system-icon { width: 42px; height: 42px; margin: 0; padding: 9px; border-radius: 13px; color: var(--hbcss-mint); }
.hbcss-operating-map__rail strong,.hbcss-operating-map__rail small { display: block; }
.hbcss-operating-map__rail strong { color: white; font-size: .9rem; }
.hbcss-operating-map__rail small { margin-top: 5px; color: rgba(255,255,255,.58); font-size: .75rem; line-height: 1.35; }

.hbcss-about-principles .hbcss-card { position: relative; overflow: hidden; min-height: 0; padding: 24px; border-radius: 16px; }
.hbcss-about-principles .hbcss-card .hbcss-system-icon { width: 38px; height: 38px; margin: 0 0 18px; color: #403070; border-color: rgba(64,48,112,.24); background: #e9e3f2; }
.hbcss-about-principles .hbcss-card h3 { margin: 0 0 12px; font-size: 1.5rem; }
.hbcss-about-principles .hbcss-card p { margin: 0; font-size: 1rem; }
.hbcss-about-principles .hbcss-card::after { position: absolute; right: -4px; bottom: -25px; color: rgba(64,48,112,.055); font: 800 8rem/1 "Roboto Condensed",sans-serif; }
.hbcss-about-principles .hbcss-card::after { display: none; }

.hbcss-about-roles { background: white; }
.hbcss-about-roles > .hbcss-shell { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
.hbcss-about-roles .hbcss-section-head { grid-column: 1 / -1; margin-bottom: 12px; }
.hbcss-about-roles__visual { margin: 0; overflow: hidden; border-radius: 24px; background: #f4ede3; }
.hbcss-about-roles__visual img { display: block; width: 100%; height: auto; }
.hbcss-about-roles__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.hbcss-about-roles__grid article { min-height: 0; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--hbcss-line); border-radius: 16px; background: #f8f7f3; }
.hbcss-about-roles__grid article:nth-child(2) { background: #eeebf3; }.hbcss-about-roles__grid article:nth-child(3) { background: #e6eef0; }.hbcss-about-roles__grid article:nth-child(4) { background: #29282d; color: white; }
.hbcss-about-roles__grid span { margin-bottom: auto; color: var(--hbcss-violet); font-size: .74rem; font-weight: 850; letter-spacing: .12em; }
.hbcss-about-roles__grid article:nth-child(4) span { color: var(--hbcss-mint); }
.hbcss-about-roles__grid h3 { margin: 18px 0 12px; font-size: clamp(1.4rem,1.7vw,1.9rem); line-height: 1.12; }
.hbcss-about-roles__grid p { margin: 0; font-size: .96rem; }
.hbcss-about-roles__grid article:nth-child(4) p { color: rgba(255,255,255,.68); }
.hbcss-about-handoff { padding-block: clamp(56px,5vw,82px); background: linear-gradient(110deg,#e7eff1,#efedf4); }
.hbcss-about-handoff .hbcss-shell { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 50px; align-items: end; }
.hbcss-about-handoff h2 { max-width: 980px; margin: 0; font-size: clamp(2.2rem,3vw,3.6rem); line-height: 1.12; }
.hbcss-about-handoff p { max-width: 760px; margin: 20px 0 0; }
@media(max-width: 1100px) {
  .hbcss-about-roles > .hbcss-shell { grid-template-columns: 1fr; }
  .hbcss-about-roles__visual { max-width: 720px; }
}

.hbcss-home-routes { background: linear-gradient(145deg,#111019,#302a3d); color: white; }
.hbcss-home-routes .hbcss-section-head { max-width: 900px; }
.hbcss-home-routes .hbcss-section-head p { color: rgba(255,255,255,.68); }
.hbcss-home-routes__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.hbcss-home-routes__grid > a { min-height: 390px; display: flex; flex-direction: column; padding: clamp(28px,3vw,42px); border: 1px solid rgba(255,255,255,.15); border-radius: 24px; background: rgba(255,255,255,.055); color: white !important; text-decoration: none !important; }
.hbcss-home-routes__grid > a:nth-child(2) { background: linear-gradient(145deg,rgba(64,48,112,.32),rgba(255,255,255,.04)); }.hbcss-home-routes__grid > a:nth-child(3) { background: linear-gradient(145deg,rgba(32,88,112,.14),rgba(255,255,255,.04)); }
.hbcss-home-routes__grid > a > span { margin-bottom: auto; color: var(--hbcss-lilac); font-size: .75rem; font-weight: 850; letter-spacing: .12em; }
.hbcss-home-routes__grid > a:nth-child(3) > span { color: var(--hbcss-mint); }
.hbcss-home-routes__grid h3 { margin: 58px 0 18px; font-size: clamp(2rem,2.35vw,2.75rem); line-height: 1.12; }
.hbcss-home-routes__grid p { color: rgba(255,255,255,.67); font-size: .98rem; }
.hbcss-home-routes__grid b { display: flex; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.2); font-size: .88rem; }

/* Services: from evidence to a bounded experiment */
.hbcss-page--services .hbcss-hero { min-height: 720px; }
.hbcss-page--services .hbcss-hero::before { background: linear-gradient(90deg,rgba(239,238,233,.99) 0%,rgba(239,238,233,.96) 42%,rgba(239,238,233,.24) 66%,rgba(239,238,233,.03) 100%),var(--hbcss-hero-image) center/cover no-repeat; }
.hbcss-page--services .hbcss-hero__grid { min-height: 720px; }
.hbcss-page--services .hbcss-hero__copy { width: min(48vw,800px); }

.hbcss-service-start { background: linear-gradient(180deg,#f7f6f2,#eeece6); }
.hbcss-service-start__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.hbcss-service-start__grid > a { min-height: 310px; display: flex; flex-direction: column; padding: clamp(28px,3vw,44px); border: 1px solid var(--hbcss-line); border-radius: 25px; background: rgba(255,255,255,.8); color: var(--hbcss-ink) !important; text-decoration: none !important; transition: transform .22s ease,box-shadow .22s ease; }
.hbcss-service-start__grid > a:nth-child(2) { background: #eeebf3; }
.hbcss-service-start__grid > a:nth-child(3) { background: #e4edef; }
.hbcss-service-start__grid > a:hover { transform: translateY(-5px); box-shadow: 0 25px 65px rgba(17,16,25,.1); }
.hbcss-service-start__grid .hbcss-system-icon { margin-bottom: 24px; color: var(--hbcss-violet); background: rgba(64,48,112,.06); }
.hbcss-service-start__grid > a:nth-child(3) .hbcss-system-icon { color: #205870; }
.hbcss-service-start__grid > a > span { margin-bottom: 15px; color: var(--hbcss-violet); font-size: .74rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hbcss-service-start__grid h3 { margin-bottom: 18px; font-size: clamp(2rem,2.35vw,2.75rem); line-height: 1.12; }
.hbcss-service-start__grid p { font-size: 1rem; }
.hbcss-service-start__grid b { display: flex; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 18px; border-top: 1px solid currentColor; font-size: .88rem; }

.hbcss-service-path { position: relative; isolation: isolate; background: radial-gradient(circle at 10% 8%,rgba(64,48,112,.25),transparent 28%),radial-gradient(circle at 92% 88%,rgba(32,88,112,.13),transparent 24%),#0d111c; overflow: hidden; }
.hbcss-service-path::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); }
.hbcss-service-path .hbcss-section-head { max-width: 1050px; }
.hbcss-service-flow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 11px; }
.hbcss-service-flow article { position: relative; min-height: 0; display: flex; flex-direction: column; padding: 23px 21px 25px; border: 0; border-top: 2px solid rgba(185,181,255,.5); border-radius: 0; background: linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.022)); }
.hbcss-service-flow article:nth-child(2),.hbcss-service-flow article:nth-child(3) { background: linear-gradient(155deg,rgba(64,48,112,.19),rgba(255,255,255,.024)); }
.hbcss-service-flow article:nth-child(4),.hbcss-service-flow article:nth-child(5) { border-color: rgba(32,88,112,.28); background: linear-gradient(155deg,rgba(32,88,112,.12),rgba(255,255,255,.022)); }
.hbcss-service-flow article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -19px; top: 36px; display: grid; width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: #171725; color: var(--hbcss-mint); font-size: .82rem; place-items: center; }
.hbcss-service-flow .hbcss-system-icon { width: 48px; height: 48px; margin-bottom: 22px; padding: 11px; border-radius: 14px; }
.hbcss-service-flow article:nth-child(n+4) .hbcss-system-icon { color: var(--hbcss-mint); }
.hbcss-service-flow article > span { margin-bottom: 14px; color: var(--hbcss-lilac); font-size: .74rem; font-weight: 850; letter-spacing: .12em; }
.hbcss-service-flow article:nth-child(n+4) > span { color: var(--hbcss-mint); }
.hbcss-service-flow h3 { margin-bottom: 15px; font-size: clamp(1.5rem,1.6vw,1.9rem); line-height: 1.12; }
.hbcss-service-flow p { margin: 0; color: rgba(255,255,255,.66); font-size: .92rem; line-height: 1.5; }
.hbcss-service-path__support { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.hbcss-service-path__support span { min-height: 88px; display: flex; flex-direction: column; justify-content: center; padding: 15px 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.04); color: rgba(255,255,255,.58); font-size: .76rem; line-height: 1.4; }
.hbcss-service-path__support b { display: block; margin-bottom: 5px; color: white; font-size: .9rem; }

.hbcss-services-capabilities { background: white; }
.hbcss-services-work { display: grid; grid-template-columns: .95fr 1.05fr; gap: 40px; align-items: start; }
.hbcss-services-work figure { margin: 0; position: sticky; top: 110px; overflow: hidden; border-radius: 24px; }
.hbcss-services-work img { display: block; width: 100%; height: auto; }
.hbcss-services-work .hbcss-services-capabilities__grid { grid-template-columns: 1fr; gap: 10px; }
.hbcss-service-detail { border: 1px solid var(--hbcss-line); border-radius: 14px; padding: 20px 24px; background: #f8f7fa; }
.hbcss-service-detail summary { display: grid; grid-template-columns: minmax(0,1fr) 28px; column-gap: 20px; align-items: center; cursor: pointer; list-style: none; }
.hbcss-service-detail summary::-webkit-details-marker { display: none; }
.hbcss-service-detail summary h3 { grid-column: 1; grid-row: 1; margin: 0; color: var(--hbcss-ink); font-size: clamp(1.17rem,1.4vw,1.34rem); font-weight: 750; line-height: 1.25; }
.hbcss-service-detail summary b { grid-column: 2; grid-row: 1 / 3; justify-self: end; color: var(--hbcss-violet); }
.hbcss-service-detail summary small { grid-column: 1; grid-row: 2; display: block; margin-top: 7px; color: #56515f; font-size: .92rem; font-weight: 400; line-height: 1.5; }
.hbcss-service-detail[open] summary b { transform: rotate(45deg); }
.hbcss-service-detail summary:focus-visible { outline: 2px solid #786694; outline-offset: 5px; }
.hbcss-service-detail__need { margin: 16px 0; font-size: 1rem; }
.hbcss-service-detail dl { margin: 0 0 20px; }
.hbcss-service-detail dt { color: var(--hbcss-violet); font-size: .8rem; font-weight: 800; margin: 18px 0 6px; }
.hbcss-service-detail dd { margin: 0; font-size: 1rem; line-height: 1.6; }
.hbcss-service-outcome { display: block; color: #d1c5ed; margin-top: 20px; padding-top: 14px; border-top: 1px solid #ffffff30; font-size: .85rem; line-height: 1.5; }
.hbcss-service-places { background: #f6f4f1; }
.hbcss-service-places__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hbcss-service-places__grid article { position: relative; display: flex; flex-direction: column; min-height: 310px; padding: clamp(26px,2.8vw,38px); overflow: hidden; border: 1px solid #dfd9e8; border-radius: 24px; background: radial-gradient(circle at 100% 0,rgba(172,150,224,.22),transparent 42%),#fff; box-shadow: 0 18px 40px rgba(36,27,62,.06); }
.hbcss-service-places__grid article:nth-child(2) { border-color: #3a5e68; background: radial-gradient(circle at 100% 0,rgba(106,205,190,.2),transparent 44%),linear-gradient(145deg,#25203f,#153c48); color: #fff; }
.hbcss-service-places__grid article::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg,#5c45a0,#a993da,transparent); }
.hbcss-service-places__grid article:nth-child(2)::before { background: linear-gradient(90deg,#54c8ba,#92ded0,transparent); }
.hbcss-service-places__grid article::after { content: ''; position: absolute; top: 23px; right: 28px; width: 88px; height: 76px; opacity: .55; pointer-events: none; background: radial-gradient(circle at 12% 68%,#8b77bb 0 4px,transparent 5px),radial-gradient(circle at 50% 20%,#8b77bb 0 4px,transparent 5px),radial-gradient(circle at 88% 68%,#8b77bb 0 4px,transparent 5px),linear-gradient(146deg,transparent 39%,#c4b7dc 40% 41%,transparent 42%),linear-gradient(34deg,transparent 42%,#c4b7dc 43% 44%,transparent 45%); }
.hbcss-service-places__grid article:nth-child(2)::after { filter: hue-rotate(105deg) brightness(1.5); opacity: .65; }
.hbcss-service-places__grid article > span { position: relative; z-index: 1; display: inline-flex; align-self: flex-start; padding: 7px 11px; border: 1px solid #e6def0; border-radius: 999px; background: #f3eff9; color: #594080; font-size: .73rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hbcss-service-places__grid article:nth-child(2) > span { border-color: rgba(139,220,205,.35); background: rgba(139,220,205,.1); color: #b9f1e7; }
.hbcss-service-places__grid h3 { position: relative; z-index: 1; max-width: calc(100% - 85px); margin: 30px 0 14px; font-size: clamp(1.75rem,2.2vw,2.25rem); line-height: 1.12; }
.hbcss-service-places__grid p { position: relative; z-index: 1; max-width: 52ch; margin: 0 0 25px; font-size: 1rem; line-height: 1.55; }
.hbcss-service-places__grid article:nth-child(2) h3 { color: #fff; }
.hbcss-service-places__grid article:nth-child(2) p { color: #d8e8e8; }
@media(max-width: 1000px) {
  .hbcss-services-work { grid-template-columns: 1fr; gap: 24px; }
  .hbcss-services-work figure { position: static; max-width: 650px; }
}
@media(max-width: 700px) {
  .hbcss-page--services .hbcss-service-start__grid > a { min-height: 0; padding: 26px; }
  .hbcss-page--services .hbcss-service-start__grid .hbcss-system-icon { margin-bottom: 22px; }
  .hbcss-page--services .hbcss-decision-gates__grid article { min-height: 0; }
  .hbcss-service-flow .hbcss-service-outcome { grid-column: 2; }
  .hbcss-service-places__grid { grid-template-columns: 1fr; }
  .hbcss-service-detail { padding: 18px; }
}
.hbcss-services-capabilities__grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
.hbcss-services-capabilities__grid article { position: relative; min-height: 290px; display: flex; flex-direction: column; overflow: hidden; padding: clamp(27px,3vw,40px); border: 1px solid var(--hbcss-line); border-radius: 23px; background: #f8f7f3; }
.hbcss-services-capabilities__grid article:nth-child(3n+2) { background: #efedf4; }
.hbcss-services-capabilities__grid article:nth-child(3n) { background: #e8f0f2; }
.hbcss-services-capabilities__grid .hbcss-system-icon { width: 50px; height: 50px; margin-bottom: 48px; color: var(--hbcss-violet); background: rgba(64,48,112,.05); }
.hbcss-services-capabilities__grid article:nth-child(3n) .hbcss-system-icon { color: #205870; }
.hbcss-services-capabilities__grid article > span { margin-bottom: 12px; color: var(--hbcss-violet); font-size: .72rem; font-weight: 850; letter-spacing: .13em; }
.hbcss-services-capabilities__grid h3 { margin-bottom: 14px; font-size: clamp(1.75rem,2vw,2.3rem); line-height: 1.12; }
.hbcss-services-capabilities__grid p { margin: 0; font-size: .96rem; }

.hbcss-page--services .hbcss-section:has(.hbcss-grid--4) .hbcss-card { min-height: 380px; }
.hbcss-page--services .hbcss-section:has(.hbcss-grid--4) .hbcss-card:nth-child(3) { background: #e7eff1; }
.hbcss-page--services .hbcss-section:has(.hbcss-grid--4) .hbcss-card:nth-child(4) { background: #29282d; color: white; }
.hbcss-page--services .hbcss-section:has(.hbcss-grid--4) .hbcss-card:nth-child(4) p { color: rgba(255,255,255,.68); }
.hbcss-page--services .hbcss-section:has(.hbcss-grid--4) .hbcss-card:nth-child(4) .hbcss-link { color: white !important; }

.hbcss-decision-gates { background: linear-gradient(145deg,#eeece6,#f8f7f3); }
.hbcss-decision-gates__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.hbcss-decision-gates__grid article { min-height: 0; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--hbcss-line); border-radius: 14px; background: rgba(255,255,255,.82); }
.hbcss-decision-gates__grid article:nth-child(2) { background: #eeebf3; }
.hbcss-decision-gates__grid article:nth-child(3) { background: #e4edef; }
.hbcss-decision-gates__grid article > span { display: grid; width: 30px; height: 30px; margin-bottom: 18px; border: 1px solid rgba(64,48,112,.25); border-radius: 50%; color: var(--hbcss-violet); font-size: .75rem; font-weight: 850; place-items: center; }
.hbcss-decision-gates__grid h3 { margin-bottom: 18px; font-size: clamp(1.3rem,1.5vw,1.65rem); line-height: 1.12; }
.hbcss-decision-gates__grid p { font-size: .98rem; }
.hbcss-decision-gates__grid small { display: block; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--hbcss-line); color: #5f5c66; font-size: .8rem; font-weight: 750; line-height: 1.45; }

/* Home: decision engine */
.hbcss-home-hero { position: relative; min-height: 760px; margin-bottom: 96px; background: #efeee9; isolation: isolate; }
.hbcss-home-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,rgba(248,248,250,.5) 0%,rgba(248,248,250,.2) 38%,transparent 55%),var(--hbcss-hero-image) center right/cover no-repeat; }
.hbcss-home-hero::after { content: none; }
.hbcss-home-hero__inner { min-height: 680px; display: flex; align-items: center; padding-block: clamp(78px,7vw,118px) 150px; }
.hbcss-home-hero__copy { width: min(42vw,600px); }
.hbcss-home-hero h1 { max-width: 600px; margin-bottom: 28px; font-size: clamp(3rem,3.4vw,4rem); line-height: 1.12; }
.hbcss-home-hero__copy > p { max-width: 660px; margin-bottom: 32px; color: #383640; font-size: clamp(1.08rem,1.05vw,1.25rem); line-height: 1.55; }
.hbcss-ask-dock { position: absolute; left: 50%; bottom: 0; z-index: 2; display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: clamp(28px,4vw,68px); align-items: center; padding: clamp(26px,2.4vw,38px); border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: linear-gradient(120deg,#111019,#302a3d 72%,#403070); color: white; box-shadow: 0 28px 80px rgba(17,16,25,.22); transform: translate(-50%,50%); }
.hbcss-ask-dock__intro { display: grid; gap: 7px; }
.hbcss-ask-dock__intro > span { color: var(--hbcss-mint); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hbcss-ask-dock__intro strong { font: 800 clamp(1.6rem,2vw,2.35rem)/1 "Roboto Condensed",sans-serif; letter-spacing: -.035em; }
.hbcss-ask-dock__intro small { max-width: 360px; color: rgba(255,255,255,.62); font-size: .86rem; line-height: 1.45; }
.hbcss-ask-dock form label { display: block; margin-bottom: 10px; color: rgba(255,255,255,.72); font-size: .8rem; font-weight: 800; letter-spacing: .04em; }
.hbcss-ask-dock form > div { display: grid; grid-template-columns: 1fr 56px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: white; }
.hbcss-ask-dock input { font-size:16px; min-width: 0; height: 58px; padding: 0 24px; border: 0; outline: 0; background: transparent; color: var(--hbcss-ink); font-family:inherit; font-weight:600; line-height:1.2; }
.hbcss-ask-dock input::placeholder { color: #77737e; opacity: 1; }
.hbcss-ask-dock button { width: 48px; height: 48px; align-self: center; border: 0; border-radius: 50%; background: var(--hbcss-violet); color: white; font-size: 1.25rem; cursor: pointer; }
.hbcss-ask-dock__suggestions { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 8px 0 !important; font-size: .77rem !important; }
.hbcss-ask-dock__suggestions a { color: rgba(255,255,255,.7) !important; text-decoration: none !important; }
.hbcss-ask-dock__suggestions a:hover { color: white !important; text-decoration: underline !important; }

.hbcss-decision { padding-top: clamp(100px,9vw,150px); background: white; }
.hbcss-decision__head { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.55fr); gap: 60px; align-items: end; }
.hbcss-decision__head .hbcss-section-head { margin-bottom: clamp(38px,5vw,70px); }
.hbcss-audience-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-bottom: clamp(38px,5vw,70px); }
.hbcss-audience-tags span { padding: 10px 15px; border: 1px solid var(--hbcss-line); border-radius: 999px; color: #55525d; background: #faf9f6; font-size: .8rem; font-weight: 800; }
.hbcss-decision-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.hbcss-decision-grid article { min-height: 430px; display: flex; flex-direction: column; padding: clamp(28px,3vw,44px); border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: #f7f6f2; }
.hbcss-decision-grid article:nth-child(2) { background: #eeebf3; }
.hbcss-decision-grid article:nth-child(3) { background: #e7eff1; }
.hbcss-decision-icon { width: 72px; height: 72px; margin-bottom: 52px; padding: 15px; border: 1px solid currentColor; border-radius: 50%; color: var(--hbcss-violet); }
.hbcss-decision-grid h3 { margin-bottom: 18px; font-size: clamp(2rem,2.4vw,2.8rem); line-height: 1.12; }
.hbcss-decision-grid p { font-size: 1.02rem; }
.hbcss-decision-about { display: none; }

.hbcss-home-evidence { padding: clamp(64px,6vw,96px) 0; background: var(--hbcss-ink); color: white; }
.hbcss-home-evidence > .hbcss-shell { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: clamp(50px,8vw,130px); align-items: center; }
.hbcss-home-evidence h2 { margin: 0; font-size: clamp(2.5rem,3.6vw,4.3rem); line-height: 1.12; }
.hbcss-home-evidence .hbcss-kicker { color: var(--hbcss-mint); }
.hbcss-home-evidence__stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hbcss-home-evidence__stats article { min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px clamp(18px,2vw,28px); border-left: 1px solid rgba(255,255,255,.2); }
.hbcss-home-evidence__stats strong { font: 800 clamp(3.4rem,5vw,5.6rem)/.85 "Roboto Condensed",sans-serif; letter-spacing: -.055em; }
.hbcss-home-evidence__stats span { color: rgba(255,255,255,.67); font-size: .96rem; font-weight: 700; line-height: 1.35; }

.hbcss-cases { background: #eeece6; }
.hbcss-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 18px; }
.hbcss-case-grid article { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: white; }
.hbcss-case__media { aspect-ratio: 3/2; background: var(--hbcss-case-image) center/cover no-repeat; }
.hbcss-case-grid article > div:last-child { flex: 1; display: flex; flex-direction: column; gap: 16px; padding: clamp(24px,2.2vw,36px); }
.hbcss-case-grid .hbcss-card__eyebrow { margin: 0; }
.hbcss-case-grid h3 { margin: 0; font-size: clamp(1.75rem,2.1vw,2.5rem); line-height: 1.12; }
.hbcss-case-grid p { margin: 0; font-size: 1rem; line-height: 1.6; }
.hbcss-case-grid .hbcss-link { margin-top: auto; min-height: 48px; line-height: 1.4; font-size: 1rem; }
@supports (grid-template-rows: subgrid) {
  @media (min-width: 761px) {
    .hbcss-case-grid { grid-auto-rows: auto; row-gap: 0; }
    .hbcss-case-grid article { display: grid; grid-row: span 5; grid-template-rows: subgrid; }
    .hbcss-case-grid article > div:last-child { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 16px; }
    .hbcss-case-grid .hbcss-link { align-self: stretch; margin-top: 0; }
  }
}

.hbcss-grid { display: grid; gap: 18px; }
.hbcss-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.hbcss-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.hbcss-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.hbcss-card { min-height: 340px; display: flex; flex-direction: column; padding: clamp(26px, 3vw, 44px); border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: white; }
.hbcss-card:nth-child(3n+2) { background: #f0eef4; }.hbcss-card:nth-child(3n+3) { background: #e8f0f2; }
.hbcss-card h3 { max-width: 440px; margin-bottom: 18px; font-size: clamp(1.65rem, 1.65vw, 2.05rem); line-height: 1.07; }
.hbcss-card p { margin-bottom: 28px; font-size: 1.05rem; }
.hbcss-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: auto; padding-top: 18px; border-top: 1px solid currentColor; color: var(--hbcss-ink) !important; font-weight: 800; text-decoration: none !important; }
.hbcss-link--light { color: white !important; }
.hbcss-split { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(50px, 9vw, 150px); align-items: start; }
.hbcss-dual { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.hbcss-dual article { min-height: 360px; padding: clamp(28px,3vw,44px); border: 1px solid rgba(255,255,255,.18); border-radius: var(--hbcss-radius); }
.hbcss-dual article:first-child { background: #292637; }.hbcss-dual article:last-child { background: var(--hbcss-violet); }
.hbcss-dual article > span { display: block; margin-bottom: 80px; color: var(--hbcss-lilac); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.hbcss-dual h3 { font-size: clamp(1.9rem,2vw,2.4rem); line-height: 1.05; }
.hbcss-dual p { font-size: 1.05rem; }

.hbcss-process-section { position: relative; isolation: isolate; background: radial-gradient(circle at 10% 12%,rgba(64,48,112,.2),transparent 26%),radial-gradient(circle at 88% 86%,rgba(32,88,112,.11),transparent 24%),#111019; overflow: hidden; }
.hbcss-process-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); }
.hbcss-process-section .hbcss-section-head { max-width: 980px; }
.hbcss-roadmap { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.hbcss-roadmap article { position: relative; min-width: 0; min-height: 330px; display: flex; flex-direction: column; padding: 22px 22px 26px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow: inset 0 1px rgba(255,255,255,.05); }
.hbcss-roadmap article:nth-child(2) { background: linear-gradient(160deg,rgba(185,181,255,.13),rgba(255,255,255,.025)); }
.hbcss-roadmap article:nth-child(3) { border-color: rgba(185,181,255,.3); background: linear-gradient(160deg,rgba(64,48,112,.22),rgba(255,255,255,.03)); }
.hbcss-roadmap article:nth-child(4) { border-color: rgba(32,88,112,.23); background: linear-gradient(160deg,rgba(32,88,112,.11),rgba(255,255,255,.025)); }
.hbcss-roadmap article:nth-child(5) { border-color: rgba(191,243,219,.38); background: linear-gradient(160deg,rgba(191,243,219,.17),rgba(32,88,112,.045)); }
.hbcss-roadmap article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -19px; top: 38px; display: grid; width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: #171523; color: var(--hbcss-mint); font-size: .82rem; place-items: center; }
.hbcss-roadmap__index { display: flex; align-items: center; min-height: 54px; }
.hbcss-roadmap__index span { display: grid; width: 48px; height: 48px; margin: 0; border: 1px solid rgba(185,181,255,.42); border-radius: 50%; background: rgba(64,48,112,.14); color: #c5bfd8; font-size: .78rem; font-weight: 850; letter-spacing: .12em; place-items: center; }
.hbcss-roadmap article:nth-child(5) .hbcss-roadmap__index span { border-color: rgba(191,243,219,.55); background: rgba(191,243,219,.12); color: var(--hbcss-mint); }
.hbcss-roadmap__copy { margin-top: auto; }
.hbcss-roadmap h3 { max-width: 210px; margin-bottom: 15px; font-size: clamp(1.55rem,1.55vw,1.95rem); line-height: 1.02; }
.hbcss-roadmap p { margin: 0; color: rgba(255,255,255,.67); font-size: .95rem; line-height: 1.5; }

.hbcss-model-detail { background: #eeece6; }
.hbcss-model-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.hbcss-model-panels article { min-height: 610px; display: flex; flex-direction: column; padding: clamp(32px,4vw,58px); border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: white; }
.hbcss-model-panels article > span { display: block; margin-bottom: 54px; color: var(--hbcss-violet); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hbcss-model-panels h3 { max-width: 560px; margin-bottom: 20px; font-size: clamp(2.2rem,3vw,3.4rem); line-height: 1; }
.hbcss-model-panels p { max-width: 620px; }
.hbcss-model-panels ul { display: grid; gap: 0; margin: 24px 0 34px; padding: 0; list-style: none; }
.hbcss-model-panels li { position: relative; padding: 13px 0 13px 28px; border-top: 1px solid var(--hbcss-line); color: #4d4b55; line-height: 1.4; }
.hbcss-model-panels li::before { content: "✓"; position: absolute; left: 0; color: var(--hbcss-violet); font-weight: 900; }
.hbcss-model-panels .hbcss-model-panel--dark { border-color: #24212f; background: var(--hbcss-ink); color: white; }
.hbcss-model-panels .hbcss-model-panel--dark > span { color: var(--hbcss-lilac); }
.hbcss-model-panels .hbcss-model-panel--dark p, .hbcss-model-panels .hbcss-model-panel--dark li { color: rgba(255,255,255,.72); }
.hbcss-model-panels .hbcss-model-panel--dark li { border-color: rgba(255,255,255,.18); }
.hbcss-model-panels .hbcss-link { width: 100%; }

.hbcss-proof { background: white; }
.hbcss-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-bottom: 58px; }
.hbcss-stats article { min-height: 230px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(28px,3vw,44px); border-radius: var(--hbcss-radius); background: var(--hbcss-ink); color: white; }
.hbcss-stats article:nth-child(2) { background: var(--hbcss-violet); }
.hbcss-stats article:nth-child(3) { background: #dce9ed; color: var(--hbcss-ink); }
.hbcss-stats strong { font: 800 clamp(3.5rem,5vw,5.5rem)/.9 "Roboto Condensed","Arial Narrow",sans-serif; letter-spacing: -.05em; }
.hbcss-stats span { max-width: 320px; font-size: 1.08rem; font-weight: 700; line-height: 1.35; }
.hbcss-projects .hbcss-card { min-height: 310px; }

.hbcss-section--ai { background: linear-gradient(180deg,#efeee9,#f8f7f3); }
.hbcss-ai-intro { max-width: 900px; }
.hbcss-ai-principles { display: flex; flex-wrap: wrap; gap: 10px; margin-top: -24px; margin-bottom: 44px; }
.hbcss-ai-principles span { padding: 10px 16px; border: 1px solid var(--hbcss-line); border-radius: 999px; background: rgba(255,255,255,.72); font-size: .82rem; font-weight: 800; letter-spacing: .04em; }
.hbcss-ai-boundaries { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: -18px 0 34px; }
.hbcss-ai-boundaries article { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 15px; padding: 20px; border: 1px solid var(--hbcss-line); border-radius: 18px; background: rgba(255,255,255,.72); }
.hbcss-ai-boundaries b { color: var(--hbcss-violet); font-size: .72rem; letter-spacing: .1em; }
.hbcss-ai-boundaries strong { display: block; margin-bottom: 6px; font-size: 1rem; }
.hbcss-ai-boundaries p { margin: 0; color: #64616b; font-size: .84rem; line-height: 1.48; }
.hbcss-knowledge-cloud { position: relative; min-height: 640px; overflow: hidden; border: 1px solid rgba(64,48,112,.16); border-radius: 32px; background: #262238; box-shadow: 0 34px 90px rgba(24,20,75,.16); }
.hbcss-knowledge-cloud .hbckc-mount { min-height: 600px; }
.hbcss-knowledge-cloud .hbckc { width: 100%; padding: clamp(48px,4.2vw,68px) clamp(28px,4vw,64px) !important; background: radial-gradient(circle at 80% 7%,rgba(89,72,214,.3),transparent 27%),radial-gradient(circle at 8% 86%,rgba(54,209,188,.1),transparent 24%),linear-gradient(145deg,#202124,#283b43 58%,#202d33) !important; }
.hbcss-knowledge-cloud .hbckc__head,.hbcss-knowledge-cloud .hbckc__gateway,.hbcss-knowledge-cloud .hbckc__app { width: 100%; max-width: 1280px; }
.hbcss-knowledge-cloud .hbckc__head { margin-bottom: 38px; }
.hbcss-knowledge-cloud .hbckc__head h2 { max-width: 920px; color: #fff !important; font-family: Inter,"Helvetica Neue",Arial,sans-serif; }
.hbcss-knowledge-cloud .hbckc__head h2 em { color: #c5bfd8 !important; }
.hbcss-knowledge-cloud .hbckc__gateway { border-color: rgba(205,218,244,.22); background: radial-gradient(circle at 84% 4%,rgba(117,83,246,.25),transparent 34%),linear-gradient(145deg,rgba(7,25,48,.97),rgba(9,30,56,.95)); box-shadow: 0 30px 80px rgba(0,4,18,.3); }
.hbcss-knowledge-cloud .hbckc__gateway-card { border-color: rgba(194,211,235,.2) !important; background: linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important; }
.hbcss-knowledge-cloud .hbckc__gateway-card--ai { border-color: rgba(100,231,216,.34) !important; background: linear-gradient(145deg,rgba(100,231,216,.13),rgba(123,97,255,.055)) !important; }
.hbcss-knowledge-cloud .hbckc__gateway-card--lead { border-color: rgba(153,130,255,.34) !important; }
.hbcss-knowledge-cloud .hbckc__app { grid-template-columns: 260px minmax(0,1fr); min-height: 720px; border-color: rgba(205,218,244,.22); background: linear-gradient(145deg,rgba(6,23,44,.98),rgba(9,29,54,.97)); box-shadow: 0 30px 80px rgba(0,4,18,.3); }
.hbcss-knowledge-cloud .hbckc__chat { padding: clamp(28px,3vw,42px); }
.hbcss-knowledge-cloud .hbckc__messages { max-height: 520px; }
.hbcss-knowledge-cloud .hbckc__message--assistant:not(.hbckc__message--answer) > div:last-child > p { color: #d5e0eb; }
.hbcss-knowledge-cloud .hbckc__answer { border-color: rgba(195,213,239,.24); background: linear-gradient(145deg,rgba(17,46,79,.9),rgba(8,29,55,.94)); box-shadow: 0 24px 58px rgba(0,5,20,.24),inset 0 1px rgba(255,255,255,.045); }
.hbcss-knowledge-cloud .hbckc__answer-main > .hbckc__answer-lead > .hbckc__summary { max-width: 940px; font-size: clamp(20px,1.55vw,24px) !important; line-height: 1.48 !important; }
.hbcss-knowledge-cloud .hbckc__answer-main > .hbckc__focus li { background: rgba(255,255,255,.035); }
.hbcss-knowledge-cloud .hbckc__composer > div { border-color: rgba(197,214,239,.3); background: rgba(255,255,255,.07); box-shadow: inset 0 1px rgba(255,255,255,.035); }

.hbcss-insights-topics { background: linear-gradient(180deg,#fff,#f6f4ef); }
.hbcss-insights-topics__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.hbcss-insights-topics__grid a { min-height: 390px; display: flex; flex-direction: column; padding: clamp(24px,2.6vw,38px); border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: #fff; color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-insights-topics__grid a:nth-child(2) { background: #eeebf3; }
.hbcss-insights-topics__grid a:nth-child(3) { background: #e6eef0; }
.hbcss-insights-topics__grid a:nth-child(4) { background: #2b2930; color: #fff !important; }
.hbcss-insights-topics__grid > a > span { margin-bottom: 70px; color: var(--hbcss-violet); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.hbcss-insights-topics__grid a:nth-child(4) > span { color: var(--hbcss-mint); }
.hbcss-insights-topics__grid h3 { margin-bottom: 16px; font-size: clamp(1.65rem,2vw,2.15rem); line-height: 1.04; }
.hbcss-insights-topics__grid p { margin: 0 0 28px; font-size: .92rem; }
.hbcss-insights-topics__grid a:nth-child(4) p { color: rgba(255,255,255,.68); }
.hbcss-insights-topics__grid strong { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--hbcss-line); font-size: .8rem; }
.hbcss-insights-topics__grid a:nth-child(4) strong { border-color: rgba(255,255,255,.17); }
.hbcss-source-method { position: relative; overflow: hidden; }
.hbcss-source-method::after { content: ""; position: absolute; width: 640px; height: 640px; right: -240px; bottom: -320px; border: 1px solid rgba(191,243,219,.11); border-radius: 50%; box-shadow: 0 0 0 80px rgba(123,97,255,.03),0 0 0 160px rgba(191,243,219,.02); pointer-events: none; }
.hbcss-source-method > .hbcss-shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); gap: clamp(54px,8vw,128px); align-items: start; }
.hbcss-source-method__intro { position: sticky; top: 120px; }
.hbcss-source-method__steps { display: grid; margin: 0; padding: 0; list-style: none; }
.hbcss-source-method__steps li { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 18px; padding: 27px 0; border-top: 1px solid rgba(255,255,255,.14); }
.hbcss-source-method__steps li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.hbcss-source-method__steps b { color: var(--hbcss-mint); font-size: .72rem; letter-spacing: .12em; }
.hbcss-source-method__steps strong { display: block; margin-bottom: 8px; color: #fff; font-size: clamp(1.2rem,1.5vw,1.5rem); }
.hbcss-source-method__steps p { max-width: 650px; margin: 0; color: rgba(255,255,255,.63); font-size: .95rem; line-height: 1.52; }

.hbcss-ai-entry { padding: 38px 0; background: linear-gradient(110deg,#303030 0%,#302454 58%,#403070 130%); color: white; }
.hbcss-ai-entry .hbcss-shell { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: clamp(36px,6vw,90px); align-items: center; }
.hbcss-ai-entry .hbcss-kicker { margin-bottom: 10px; color: #bfd3da; }
.hbcss-ai-entry h2 { max-width: 760px; margin-bottom: 10px; font-size: clamp(1.8rem,2.5vw,2.8rem); line-height: 1.02; }
.hbcss-ai-entry .hbcss-ai-entry__title { display: block; max-width: 760px; margin: 0 0 10px; color: #fff; font-family: "Roboto Condensed",sans-serif; font-size: clamp(1.8rem,2.5vw,2.8rem); font-weight: 500; line-height: 1.02; }
.hbcss-ai-entry p { max-width: 820px; margin: 0; color: rgba(255,255,255,.7); font-size: 1rem; }
.hbcss-ai-entry__actions { min-width: 260px; display: grid; gap: 12px; justify-items: stretch; text-align: center; }
.hbcss-ai-entry__actions .hbcss-button { width: 100%; }
.hbcss-ai-entry__link { color: white !important; font-size: .9rem; font-weight: 800; text-decoration: none !important; }

.hbcss-ecosystem { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.hbcss-ecosystem > a { position: relative; min-height: 220px; display: flex; flex-direction: column; padding: clamp(26px,3vw,40px); border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: white; color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-ecosystem > a:last-child { grid-column: 1 / -1; }
.hbcss-ecosystem h3 { max-width: 560px; margin-bottom: 16px; font-size: clamp(1.7rem,2vw,2.25rem); line-height: 1.05; }
.hbcss-ecosystem p { max-width: 760px; margin: 0; font-size: 1rem; }
.hbcss-ecosystem > a > span { position: absolute; right: 28px; bottom: 26px; font-size: 1.3rem; }

.hbcss-groups-directory { background: linear-gradient(180deg,#fff 0%,#f7f6f2 100%); }
.hbcss-group-detail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 16px; }
.hbcss-group-jumps { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; }
.hbcss-group-jumps a { display: inline-flex; gap: 24px; align-items: center; padding: 12px 18px; border: 1px solid #d4cce3; border-radius: 99px; background: #f1edf6; color: #403070; font-size: .95rem; font-weight: 700; text-decoration: none; }
.hbcss-group-jumps a:hover { background: #e3dbee; }
.hbcss-group-detail-grid > article { scroll-margin-top: 110px; }
.hbcss-group-illustration { display: block; width: 100%; aspect-ratio: 2 / 1; height: auto; object-fit: cover; border-radius: 16px; margin-bottom: 24px; }
.hbcss-group-more { margin-top: 24px; border-top: 1px solid var(--hbcss-line); padding-top: 18px; }
.hbcss-group-more summary { cursor: pointer; font-size: .86rem; line-height: 1.5; font-weight: 750; color: #403070; }
.hbcss-group-more summary:focus-visible { outline: 2px solid #786694; outline-offset: 5px; }
.hbcss-group-more[open] summary { margin-bottom: 20px; }
.hbcss-group-detail-grid .hbcss-group-lead { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; gap: 6px; }
.hbcss-group-detail-grid .hbcss-group-lead small { grid-row: 1; }
.hbcss-group-detail-grid .hbcss-group-lead strong { grid-row: 2; }
.hbcss-group-detail-grid .hbcss-group-lead__role { grid-row: 3; }
.hbcss-group-detail-grid .hbcss-group-lead a { grid-row: 4; grid-column: 1; margin-top: 12px; justify-content: space-between; min-height: 44px; padding: 12px 16px; font-size: .86rem; }
.hbcss-group-detail-grid .hbcss-group-lead a:hover { background: #403070; }
.hbcss-group-detail-grid article { min-height: 0; display: flex; flex-direction: column; padding: clamp(26px,2.7vw,42px); border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: #fff; box-shadow: none; }
.hbcss-group-detail-grid article:nth-child(2) { background: #eeebf3; }
.hbcss-group-detail-grid article:nth-child(3) { background: #e6eef0; }
.hbcss-group-detail__top { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 20px; color: var(--hbcss-violet); font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.hbcss-group-detail__top b { display: grid; flex: 0 0 auto; width: 38px; height: 38px; border: 1px solid currentColor; border-radius: 50%; place-items: center; }
.hbcss-group-detail__top span { text-align: right; }
.hbcss-group-detail-grid h3 { max-width: 330px; margin-bottom: 18px; font-size: clamp(1.85rem,2.25vw,2.55rem); line-height: 1.12; }
.hbcss-group-detail-grid p { font-size: .97rem; }
.hbcss-group-detail__premise { min-height: 96px; margin-bottom: 22px; }
.hbcss-group-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 28px; }
.hbcss-group-tags span { padding: 7px 10px; border: 1px solid rgba(64,48,112,.17); border-radius: 999px; background: rgba(255,255,255,.56); color: #373345; font-size: .72rem; font-weight: 750; }
.hbcss-group-detail__work,.hbcss-group-detail__fit { padding: 20px 0; border-top: 1px solid rgba(17,16,25,.12); }
.hbcss-group-detail__work small,.hbcss-group-detail__fit small { display: block; margin-bottom: 10px; color: #6c6973; font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.hbcss-group-detail__work ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.hbcss-group-detail__work li { position: relative; padding-left: 17px; color: #37343d; font-size: .86rem; line-height: 1.42; }
.hbcss-group-detail__work li::before { content: ""; position: absolute; left: 0; top: .56em; width: 6px; height: 6px; border-radius: 50%; background: var(--hbcss-violet); }
.hbcss-group-detail__fit p { margin: 0; font-size: .86rem; line-height: 1.48; }
.hbcss-group-detail__note { margin: 0 0 22px; padding: 14px 16px; border-radius: 14px; background: rgba(17,16,25,.055); color: #54515c; font-size: .8rem !important; line-height: 1.42; }
.hbcss-group-lead { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 4px 14px; margin-top: auto; padding-top: 22px; border-top: 1px solid var(--hbcss-line); }
.hbcss-group-lead small { grid-column: 1; color: #6c6973; font-weight: 700; }
.hbcss-group-lead strong { grid-column: 1; font-size: 1.08rem; }
.hbcss-group-lead__role { grid-column: 1; color: var(--hbcss-purple); font-size: .76rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.hbcss-group-lead a { grid-column: 2; grid-row: 1 / 4; align-self: center; display: inline-flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 999px; background: #111019; color: #fff !important; font-size: .78rem; font-weight: 800; text-decoration: none !important; }
.hbcss-groups-loop { position: relative; overflow: hidden; }
.hbcss-groups-loop::after { content: ""; position: absolute; width: 620px; height: 620px; right: -180px; top: -260px; border: 1px solid rgba(191,243,219,.12); border-radius: 50%; box-shadow: 0 0 0 72px rgba(123,97,255,.035),0 0 0 144px rgba(191,243,219,.025); pointer-events: none; }
.hbcss-groups-loop > .hbcss-shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); gap: clamp(52px,8vw,128px); align-items: start; }
.hbcss-groups-loop__intro { position: sticky; top: 120px; }
.hbcss-groups-loop__steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.hbcss-groups-loop__steps li { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 20px; padding: 28px 0; border-top: 1px solid rgba(255,255,255,.14); }
.hbcss-groups-loop__steps li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.hbcss-groups-loop__steps b { color: var(--hbcss-mint); font-size: .76rem; letter-spacing: .12em; }
.hbcss-groups-loop__steps div { display: grid; gap: 7px; }
.hbcss-groups-loop__steps strong { color: #fff; font-size: clamp(1.25rem,1.55vw,1.55rem); }
.hbcss-groups-loop__steps span { max-width: 620px; color: rgba(255,255,255,.65); line-height: 1.52; }
.hbcss-groups-choice { background: #f2f0ea; }
.hbcss-groups-choice__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.hbcss-groups-choice__grid article { min-height: 0; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: #fff; }
.hbcss-groups-choice__grid article:last-child { background: #2b2930; color: #fff; }
.hbcss-groups-choice__grid > article > span { margin-bottom: 20px; color: var(--hbcss-violet); font-size: .74rem; font-weight: 800; letter-spacing: .11em; }
.hbcss-groups-choice__grid article:last-child > span { color: var(--hbcss-mint); }
.hbcss-groups-choice__grid h3 { max-width: 520px; margin-bottom: 18px; font-size: clamp(2rem,2.65vw,3rem); line-height: 1.12; }
.hbcss-groups-choice__grid p { max-width: 590px; margin-bottom: 28px; }
.hbcss-groups-choice__grid article:last-child p { color: rgba(255,255,255,.68); }
.hbcss-groups-choice__grid a { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--hbcss-line); color: var(--hbcss-ink) !important; font-weight: 800; text-decoration: none !important; }
.hbcss-groups-choice__grid article:last-child a { border-color: rgba(255,255,255,.18); color: #fff !important; }

.hbcss-brief { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 0; padding: 0; border-block: 1px solid var(--hbcss-line); list-style: none; }
.hbcss-brief li { min-width: 0; padding: 28px clamp(16px,2vw,26px); border-right: 1px solid var(--hbcss-line); }
.hbcss-brief li:last-child { border-right: 0; }
.hbcss-brief b { display: block; margin-bottom: 42px; color: var(--hbcss-violet); font-size: .78rem; letter-spacing: .12em; }
.hbcss-brief strong { display: block; margin-bottom: 10px; font-size: 1.2rem; }
.hbcss-brief span { color: #5b5963; font-size: .95rem; line-height: 1.48; }

.hbcss-feature { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(44px,8vw,120px); align-items: center; }
.hbcss-feature__media { min-height: 600px; border-radius: var(--hbcss-radius); background: linear-gradient(180deg,transparent 60%,rgba(17,16,25,.38)), var(--hbcss-feature) center/cover no-repeat; }
.hbcss-network { position: relative; padding: clamp(76px,7vw,112px) 0; border-block: 1px solid var(--hbcss-line); background: radial-gradient(circle at 88% 18%,rgba(185,181,255,.3),transparent 24%),linear-gradient(135deg,#f7f6f2,#eeece6); overflow: hidden; }
.hbcss-network .hbcss-shell { display: grid; grid-template-columns: minmax(300px,.7fr) minmax(0,1.3fr); align-items: start; gap: clamp(50px,8vw,120px); }
.hbcss-network__intro { position: sticky; top: 120px; }
.hbcss-network__intro h2 { max-width: 500px; margin-bottom: 22px; font-size: clamp(2.65rem,3.4vw,4rem); line-height: .98; }
.hbcss-network__intro p { max-width: 490px; margin: 0; }
.hbcss-network__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.hbcss-network__grid article { min-width: 0; min-height: 112px; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 16px; align-items: center; padding: 18px; border: 1px solid rgba(17,16,25,.13); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 18px 50px rgba(17,16,25,.045); }
.hbcss-network__grid article:nth-child(3n+2) { background: rgba(240,237,255,.82); }
.hbcss-network__grid article:nth-child(3n) { background: rgba(232,246,239,.82); }
.hbcss-network__grid article:last-child { grid-column: 1 / -1; }
.hbcss-network__grid article > b { display: grid; width: 54px; height: 54px; border: 1px solid rgba(64,48,112,.25); border-radius: 16px; background: #111019; color: white; font: 800 .78rem/1 "Roboto Condensed",sans-serif; letter-spacing: .04em; place-items: center; }
.hbcss-network__grid article:nth-child(3n+2) > b { background: var(--hbcss-violet); }
.hbcss-network__grid article:nth-child(3n) > b { background: #c6dce3; color: var(--hbcss-ink); }
.hbcss-network__grid span { min-width: 0; }
.hbcss-network__grid strong,.hbcss-network__grid small { display: block; }
.hbcss-network__grid strong { color: var(--hbcss-ink); font-size: .94rem; line-height: 1.3; }
.hbcss-network__grid small { margin-top: 5px; color: #77737e; font-size: .76rem; line-height: 1.3; }

.hbcss-process { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(50px,9vw,150px); }
.hbcss-process ol { margin: 0; padding: 0; list-style: none; }
.hbcss-process li { display: grid; grid-template-columns: 1fr 1.5fr; gap: 30px; padding: 26px 0; border-top: 1px solid rgba(255,255,255,.2); }
.hbcss-process li strong { font-size: 1.25rem; }.hbcss-process li span { color: rgba(255,255,255,.65); line-height: 1.5; }
.hbcss-steps { margin: 0; padding: 0; list-style: none; }
.hbcss-steps li { display: grid; grid-template-columns: 64px 1fr; gap: 24px; padding: 24px 0; border-top: 1px solid var(--hbcss-line); }
.hbcss-steps li b { color: var(--hbcss-violet); }.hbcss-steps li span { color: #595760; line-height: 1.5; }.hbcss-steps li strong { display: block; margin-bottom: 5px; color: var(--hbcss-ink); font-size: 1.25rem; }

.hbcss-page--team .hbcss-hero { min-height: 440px; }
.hbcss-page--team .hbcss-hero__grid { padding-block: 64px; }
.hbcss-page--team .hbcss-hero h1 { font-size: clamp(2.5rem,3.5vw,4rem); line-height: 1.12; }
.hbcss-page--team .hbcss-hero__copy { width: min(50vw,720px); }
.hbcss-team-map { padding-block: 24px; background: #fff; }
.hbcss-team-map__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.hbcss-team-map__grid a { min-height: 76px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 16px 20px; border: 1px solid var(--hbcss-line); border-radius: 16px; background: #fff; color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-team-map__grid a:nth-child(2) { background: #eeebf3; }
.hbcss-team-map__grid a:nth-child(3) { background: #e6eef0; }
.hbcss-team-map__grid b { display: grid; width: 38px; height: 38px; border: 1px solid rgba(64,48,112,.25); border-radius: 50%; color: var(--hbcss-violet); font-size: .72rem; place-items: center; }
.hbcss-team-map__grid span { display: grid; gap: 4px; }
.hbcss-team-map__grid strong { max-width: 280px; font-size: 1.08rem; line-height: 1.3; }
.hbcss-team-map__grid small { max-width: 260px; color: #615e67; font-size: .85rem; line-height: 1.46; }
.hbcss-team-map__grid a > span:last-child { font-size: 1.2rem; }
.hbcss-team-section { scroll-margin-top: 100px; }
.hbcss-people { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.hbcss-person { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--hbcss-line); border-radius: var(--hbcss-radius); background: #fff; box-shadow: 0 20px 55px rgba(17,16,25,.045); }
.hbcss-person__photo { position: relative; aspect-ratio: 1 / 1; display: grid; overflow: hidden; background: linear-gradient(145deg,#e4dfed,#dce9ed); place-items: center; }
.hbcss-person__photo::after { content: ""; position: absolute; inset: auto 0 0; height: 32%; background: linear-gradient(transparent,rgba(17,16,25,.12)); pointer-events: none; }
.hbcss-person__photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 30%; filter: saturate(.88) contrast(1.02); transition: transform .35s ease,filter .35s ease; }
.hbcss-person:hover .hbcss-person__photo img { transform: scale(1.025); filter: saturate(1) contrast(1.02); }
.hbcss-person__photo > span { color: var(--hbcss-ink); font: 800 clamp(2rem,4vw,4rem)/1 "Roboto Condensed",sans-serif; letter-spacing: -.04em; }
.hbcss-person__copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; min-height: 170px; padding: 22px 22px 24px; }
.hbcss-person h3 { margin-bottom: 9px; font-size: clamp(1.35rem,1.55vw,1.65rem); line-height: 1.16; overflow-wrap: anywhere; }
.hbcss-person__contact { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; margin-top: auto; padding-top: 16px; color: #403070; font-size: .85rem; font-weight: 700; text-decoration: none; }
.hbcss-person__contact:hover { text-decoration: underline; text-underline-offset: 4px; }
.hbcss-people--science .hbcss-person__contact { color: #ded5f2; }
.hbcss-person__photo--initials > span { display: grid; place-items: center; width: 52%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 50%; font-weight: 500; }
.hbcss-person p { margin: 0; color: #66626c; font-size: .88rem; line-height: 1.45; }
.hbcss-people--leadership .hbcss-person:first-child { box-shadow: 0 24px 70px rgba(64,48,112,.12); }
@media (min-width: 1101px) { .hbcss-people--leadership { grid-template-columns: repeat(5,minmax(0,1fr)); } }
.hbcss-people--science { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.hbcss-people--science .hbcss-person { border-color: rgba(255,255,255,.16); background: #1a1823; box-shadow: none; }
.hbcss-people--science .hbcss-person__copy { min-height: 136px; padding: 18px; }
.hbcss-people--science .hbcss-person h3 { color: #fff; font-size: clamp(1.15rem,1.35vw,1.4rem); }
.hbcss-people--science .hbcss-person p { color: rgba(255,255,255,.62); font-size: .8rem; }
.hbcss-people--science .hbcss-person__photo { background: linear-gradient(145deg,#342a50,#163c42); }
.hbcss-people--science .hbcss-person__photo > span { color: #c5bfd8; }

.hbcss-articles { display: grid; gap: 12px; }
.hbcss-articles a { display: grid; grid-template-columns: 150px 1fr auto; gap: 24px; align-items: center; min-height: 120px; padding: 22px 28px; border: 1px solid var(--hbcss-line); border-radius: 18px; background: white; color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-articles time { color: #74717b; }.hbcss-articles h3 { margin: 0; font-size: clamp(1.35rem,2vw,2rem); }.hbcss-articles a > span { font-size: 1.5rem; }
.hbcss-articles--described a { grid-template-columns: 190px minmax(0,1fr) auto; min-height: 150px; }
.hbcss-articles--described a > div:first-child { display: grid; gap: 10px; align-self: stretch; align-content: center; padding-right: 22px; border-right: 1px solid var(--hbcss-line); }
.hbcss-articles--described time { font-size: .82rem; }
.hbcss-articles--described a > div:first-child span { color: var(--hbcss-violet); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hbcss-articles--described h3 { margin-bottom: 8px; }
.hbcss-articles--described p { margin: 0; color: #66626c; font-size: .9rem; }

.hbcss-blog-signal { padding: 0; background: var(--hbcss-ink); color: #fff; }
.hbcss-blog-signal > .hbcss-shell { display: grid; grid-template-columns: .8fr 1.25fr 1fr; width: min(100%,var(--hbcss-shell)); }
.hbcss-blog-signal > .hbcss-shell > * { min-height: 190px; display: grid; align-content: center; padding: 30px clamp(24px,3vw,46px); border-right: 1px solid rgba(255,255,255,.14); }
.hbcss-blog-signal > .hbcss-shell > *:last-child { border-right: 0; }
.hbcss-blog-signal span,.hbcss-blog-signal b { color: var(--hbcss-mint); font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hbcss-blog-signal strong { margin: 6px 0 2px; font: 800 clamp(3rem,4vw,5rem)/.9 "Roboto Condensed",sans-serif; }
.hbcss-blog-signal p { margin: 8px 0 0; color: rgba(255,255,255,.68); font-size: .9rem; line-height: 1.5; }
.hbcss-blog-signal a { position: relative; color: #fff !important; text-decoration: none !important; background: linear-gradient(135deg,rgba(64,48,112,.72),rgba(32,88,112,.34)); }
.hbcss-blog-signal a > span:last-child { position: absolute; right: 28px; bottom: 24px; color: #fff; font-size: 1.25rem; }
.hbcss-blog-feature { padding-bottom: 54px; }
.hbcss-blog-feature__card { min-height: 560px; display: grid; grid-template-columns: 1.15fr .85fr; overflow: hidden; border: 1px solid var(--hbcss-line); border-radius: 30px; background: #fff; color: var(--hbcss-ink) !important; text-decoration: none !important; box-shadow: 0 30px 90px rgba(17,16,25,.08); }
.hbcss-blog-feature__media,.hbcss-blog-card__media { position: relative; overflow: hidden; background: radial-gradient(circle at 75% 25%,rgba(191,211,218,.68),transparent 28%),linear-gradient(145deg,#292637,#403070 58%,#205870); }
.hbcss-blog-feature__media::before,.hbcss-blog-card__media::before { content: ""; position: absolute; inset: 0; background-image: var(--hbcss-blog-image); background-position: center; background-size: cover; transition: transform .45s ease; }
.hbcss-blog-feature__card:hover .hbcss-blog-feature__media::before,.hbcss-blog-card:hover .hbcss-blog-card__media::before { transform: scale(1.035); }
.hbcss-blog-feature__media::after,.hbcss-blog-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,8,22,.04),rgba(5,8,22,.34)); }
.hbcss-blog-feature__media > span { position: absolute; z-index: 2; top: 26px; left: 26px; padding: 10px 14px; border-radius: 999px; background: rgba(255,255,255,.9); color: var(--hbcss-ink); font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(10px); }
.hbcss-blog-feature__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px,5vw,74px); }
.hbcss-blog-feature__copy > div { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 46px; color: #706d76; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hbcss-blog-feature__copy > div span { color: var(--hbcss-violet); }
.hbcss-blog-feature__copy h2 { margin-bottom: 24px; font-size: clamp(2.35rem,3.4vw,4.3rem); line-height: .94; }
.hbcss-blog-feature__copy p { margin: 0 0 36px; color: #605d67; }
.hbcss-blog-feature__copy > strong { display: flex; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 22px; border-top: 1px solid var(--hbcss-line); font-size: .85rem; }
.hbcss-blog-tools { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,360px); gap: 22px; align-items: center; margin-bottom: 42px; }
.hbcss-search-field > label{display:block;min-width:0}.hbcss-search-field input{width:100%}
.hbcss-blog-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.hbcss-blog-filters a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border: 1px solid var(--hbcss-line); border-radius: 999px; background: rgba(255,255,255,.72); color: var(--hbcss-ink) !important; font-size: .78rem; font-weight: 800; text-decoration: none !important; }
.hbcss-blog-filters a.is-active { border-color: var(--hbcss-violet); background: var(--hbcss-violet); color: #fff !important; }
.hbcss-blog-tools > .hbcss-search-field { display: grid; grid-template-columns: minmax(0,1fr) 48px; min-width: 0; padding: 4px; border: 1px solid var(--hbcss-line); border-radius: 999px; background: #fff; }
.hbcss-blog-tools input { min-width: 0; height: 46px; padding: 0 16px; border: 0; outline: 0; background: transparent; color: var(--hbcss-ink); font: inherit; }
.hbcss-blog-tools button { width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--hbcss-violet); color: #fff; font-size: 1.2rem; cursor: pointer; }
.hbcss-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.hbcss-blog-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--hbcss-line); border-radius: 22px; background: #fff; box-shadow: 0 20px 60px rgba(17,16,25,.045); }
.hbcss-blog-card__media { min-height: 230px; display: flex; align-items: flex-end; justify-content: space-between; padding: 20px; color: #fff !important; text-decoration: none !important; }
.hbcss-blog-card__media b,.hbcss-blog-card__media span { position: relative; z-index: 2; }
.hbcss-blog-card__media b { display: grid; width: 52px; height: 52px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: rgba(9,8,22,.46); font-size: .78rem; place-items: center; backdrop-filter: blur(8px); }
.hbcss-blog-card__media span { max-width: 60%; padding: 8px 11px; border-radius: 999px; background: rgba(255,255,255,.9); color: var(--hbcss-ink); font-size: .65rem; font-weight: 850; letter-spacing: .06em; text-align: right; text-transform: uppercase; }
.hbcss-video-play { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 66px; height: 66px; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(255,255,255,.93); box-shadow: 0 16px 40px rgba(8,9,24,.3); color: var(--hbcss-purple); place-items: center; transform: translate(-50%,-50%); transition: transform .25s ease,background .25s ease; backdrop-filter: blur(10px); }
.hbcss-video-play::before { content: ""; width: 0; height: 0; margin-left: 5px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid currentColor; }
.hbcss-blog-card__media .hbcss-video-play { width: 54px; height: 54px; }
.hbcss-blog-feature__card:hover .hbcss-video-play,.hbcss-blog-card:hover .hbcss-video-play { background: #fff; transform: translate(-50%,-50%) scale(1.08); }
.hbcss-blog-card__body { min-height: 330px; display: flex; flex-direction: column; padding: 26px; }
.hbcss-blog-card__body time { margin-bottom: 18px; color: #77737c; font-size: .74rem; }
.hbcss-blog-card__body h3 { margin: 0 0 16px; font-size: clamp(1.42rem,1.7vw,1.85rem); line-height: 1.03; }
.hbcss-blog-card__body h3 a { color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-blog-card__body p { margin: 0 0 24px; color: #68656e; font-size: .9rem; }
.hbcss-blog-card__body .hbcss-link { margin-top: auto; }
.hbcss-blog-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 40px; }
.hbcss-blog-pagination a { display: grid; width: 46px; height: 46px; border: 1px solid var(--hbcss-line); border-radius: 50%; background: #fff; color: var(--hbcss-ink) !important; font-size: .82rem; font-weight: 850; text-decoration: none !important; place-items: center; }
.hbcss-blog-pagination a.is-active { border-color: var(--hbcss-violet); background: var(--hbcss-violet); color: #fff !important; }
.hbcss-blog-empty { padding: 56px; border: 1px solid var(--hbcss-line); border-radius: 24px; background: #fff; text-align: center; }
.hbcss-blog-empty .hbcss-button { margin-top: 20px; }
.hbcss-blogchain-single .page-header,.hbcss-blogchain-single .entry-title { display: none !important; }
.hbcss-blogchain-single .site-main,.hbcss-blogchain-single .content-area { width: 100% !important; max-width: none !important; padding: 0 !important; }
.hbcss-blogchain-single #wp--skip-link--target { max-width: none !important; margin-top: 0 !important; padding: 0 !important; }
.hbcss-blogchain-single #wp--skip-link--target > .wp-block-group.alignfull { max-width: none !important; padding: 0 !important; }
.hbcss-blogchain-single #wp--skip-link--target > .wp-block-group.alignfull > .wp-block-post-title,
.hbcss-blogchain-single #wp--skip-link--target > .wp-block-group.alignfull > .wp-block-post-featured-image,
.hbcss-blogchain-single #wp--skip-link--target > .wp-block-group.alignfull > .wp-block-group.has-small-font-size { display: none !important; }
.hbcss-blogchain-single #wp--skip-link--target .entry-content { max-width: none !important; margin: 0 !important; padding: 0 !important; }
.hbcss-blogchain-single #wp--skip-link--target .entry-content ~ *,
.hbcss-blogchain-single #wp--skip-link--target > .wp-block-group.alignwide { display: none !important; }
.hbcss-blogchain-single .hbcss-article-page { width: 100vw; max-width: none !important; margin-right: calc(50% - 50vw) !important; margin-left: calc(50% - 50vw) !important; padding: 0; background: #fff; }
.hbcss-article { width: 100%; margin: 0; }
.hbcss-article-hero { position: relative; overflow: hidden; padding: clamp(58px,6vw,96px) 20px clamp(70px,7vw,112px); background: radial-gradient(circle at 82% 12%,rgba(108,88,255,.34),transparent 28%),radial-gradient(circle at 4% 92%,rgba(32,88,112,.26),transparent 28%),linear-gradient(128deg,#111019,#211a38 62%,#302454); color: #fff; }
.hbcss-article-hero::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(90deg,#000,transparent 44%,#000); }
.hbcss-article-hero__inner { position: relative; z-index: 1; width: min(calc(100% - clamp(0px,4vw,80px)),var(--hbcss-shell)); margin: 0 auto; }
.hbcss-article__back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: clamp(40px,5vw,72px); padding: 0 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #fff !important; font-size: .75rem; font-weight: 850; letter-spacing: .08em; text-decoration: none !important; text-transform: uppercase; transition: background .2s ease,border-color .2s ease; }
.hbcss-article__back:hover { border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.08); }
.hbcss-article-hero__grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(440px,.98fr); gap: clamp(50px,7vw,116px); align-items: center; }
.hbcss-article-hero__copy { min-width: 0; }
.hbcss-article-hero__eyebrow { display: block; margin-bottom: 18px; color: var(--hbcss-mint); font-size: .72rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.hbcss-article__meta { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 26px; color: rgba(255,255,255,.64); font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.hbcss-article__meta > * { min-height: 29px; display: inline-flex; align-items: center; padding: 0 11px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; }
.hbcss-article__meta span { color: #fff; }
.hbcss-article h1 { max-width: 820px; margin: 0; color: #fff; font-size: clamp(3.2rem,4.3vw,5.35rem); line-height: .92; letter-spacing: -.045em; overflow-wrap: break-word; text-wrap: balance; }
.hbcss-article-hero__lead { max-width: 740px; margin: 28px 0 0; color: rgba(255,255,255,.7) !important; font-size: clamp(1rem,1.15vw,1.2rem) !important; line-height: 1.58; }
.hbcss-article-hero__media { position: relative; min-width: 0; aspect-ratio: 16/10; overflow: hidden; margin: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 28px; background: #09080f; box-shadow: 0 36px 100px rgba(0,0,0,.36); transform: rotate(.6deg); }
.hbcss-article-hero__media::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); pointer-events: none; }
.hbcss-article-hero__media img,.hbcss-article-hero__media iframe { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.hbcss-article-hero__media--video { aspect-ratio: 16/9; padding: 8px; }
.hbcss-article-hero__media--video iframe { border-radius: 20px; }
.hbcss-article-hero__media--fallback { display: grid; place-items: center; background: radial-gradient(circle at 70% 30%,#205870,transparent 30%),linear-gradient(145deg,#292637,#403070); }
.hbcss-article-hero__media--fallback span { font: 850 5rem/1 "Roboto Condensed",sans-serif; letter-spacing: -.05em; }
.hbcss-article-reading { width: min(calc(100% - clamp(32px,8vw,160px)),var(--hbcss-shell)); display: grid; grid-template-columns: minmax(270px,300px) minmax(0,1fr); gap: clamp(52px,7vw,110px); align-items: start; margin: 0 auto; padding: clamp(76px,8vw,126px) 0; }
.hbcss-article-profile { position: sticky; top: 118px; overflow: hidden; padding: 28px; border: 1px solid var(--hbcss-line); border-radius: 22px; background: linear-gradient(145deg,#f4f2f8,#edf3f4); box-shadow: 0 22px 60px rgba(17,16,25,.06); }
.hbcss-article-profile > span { color: var(--hbcss-violet); font-size: .68rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.hbcss-article-profile h2 { margin: 10px 0 24px; font-size: 1.8rem; line-height: 1; }
.hbcss-article-profile dl { display: grid; gap: 0; margin: 0; }
.hbcss-article-profile dl > div { display: grid; grid-template-columns: 84px 1fr; gap: 10px; padding: 12px 0; border-top: 1px solid rgba(17,16,25,.1); }
.hbcss-article-profile dt { color: #77737c; font-size: .72rem; }.hbcss-article-profile dd { margin: 0; color: var(--hbcss-ink); font-size: .76rem; font-weight: 800; }
.hbcss-article-profile > p { margin: 22px 0; padding-top: 18px; border-top: 1px solid rgba(17,16,25,.1); color: #68656e; font-size: .76rem; line-height: 1.55; }
.hbcss-article-profile__ask,.hbcss-article-profile__source { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--hbcss-ink) !important; font-size: .76rem; font-weight: 850; text-decoration: none !important; }
.hbcss-article-profile__ask { min-height: 48px; padding: 0 15px; border-radius: 999px; background: var(--hbcss-mint); }
.hbcss-article-profile__source { margin-top: 16px; color: var(--hbcss-violet) !important; }
.hbcss-article__content { min-width: 0; color: #34313a; font-size: 1.1rem; line-height: 1.78; }
.hbcss-article__content > *:first-child { margin-top: 0; }
.hbcss-article__content h2,.hbcss-article__content h3 { max-width: 700px; margin: 2.15em 0 .68em; color: var(--hbcss-ink); line-height: 1.03; text-wrap: balance; }
.hbcss-article__content h2 { font-size: clamp(2.15rem,3vw,3.2rem); }.hbcss-article__content h3 { font-size: clamp(1.55rem,2.2vw,2.15rem); }
.hbcss-article__content p,.hbcss-article__content li { color: #55525c; font-size: 1.08rem; line-height: 1.78; }
.hbcss-article__content ul,.hbcss-article__content ol { padding-left: 1.4em; }.hbcss-article__content li { margin-bottom: .75em; padding-left: .3em; }
.hbcss-article__content a { color: var(--hbcss-violet) !important; text-underline-offset: 3px; }
.hbcss-article__content img { max-width: 100%; height: auto; border-radius: 18px; box-shadow: 0 18px 50px rgba(17,16,25,.09); }
.hbcss-article__content iframe { width: 100%; max-width: 100%; height: auto; aspect-ratio: 16/9; border: 0; border-radius: 18px; }
.hbcss-article__content figure { margin: 38px 0; }.hbcss-article__content figcaption { margin-top: 9px; color: #77737c; font-size: .78rem; }
.hbcss-article__content blockquote { margin: 42px 0; padding: 8px 0 8px 28px; border-left: 4px solid var(--hbcss-violet); color: var(--hbcss-ink); font: 700 clamp(1.4rem,2vw,2rem)/1.35 "Roboto Condensed",sans-serif; }
.hbcss-article__content > footer { margin-top: 58px; padding-top: 26px; border-top: 1px solid var(--hbcss-line); }
.hbcss-article__content > footer a { font-size: .86rem; font-weight: 850; text-decoration: none !important; }
.hbcss-article-related { padding: clamp(74px,8vw,120px) 20px; background: #efeee9; }
.hbcss-article-related > div { width: min(calc(100% - clamp(0px,4vw,80px)),var(--hbcss-shell)); margin: 0 auto; }
.hbcss-article-related > div:first-child > span { color: var(--hbcss-violet); font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.hbcss-article-related h2 { margin: 10px 0 12px; color: var(--hbcss-ink); font-size: clamp(2.8rem,4.4vw,5rem); line-height: .93; }
.hbcss-article-related > div:first-child p { max-width: 620px; margin: 0 0 40px; color: #66626c; }
.hbcss-article-related__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.hbcss-article-related__grid > a { position: relative; min-width: 0; display: grid; grid-template-rows: 210px auto auto; overflow: hidden; border: 1px solid var(--hbcss-line); border-radius: 22px; background: #fff; color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-article-related__image { display: block; background: radial-gradient(circle at 70% 25%,#205870,transparent 28%),linear-gradient(145deg,#292637,#403070); }
.hbcss-article-related__image::before { content: ""; display: block; width: 100%; height: 100%; background: var(--hbcss-related-image) center/cover no-repeat; transition: transform .35s ease; }
.hbcss-article-related__grid > a:hover .hbcss-article-related__image::before { transform: scale(1.035); }
.hbcss-article-related__grid time { padding: 22px 22px 0; color: #77737c; font-size: .7rem; text-transform: uppercase; }
.hbcss-article-related__grid strong { min-height: 112px; padding: 12px 50px 26px 22px; font: 750 clamp(1.25rem,1.6vw,1.6rem)/1.05 "Roboto Condensed",sans-serif; }
.hbcss-article-related__grid i { position: absolute; right: 22px; bottom: 25px; font-style: normal; }
.hbcss-article-next { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,380px); gap: clamp(50px,8vw,130px); align-items: center; padding: clamp(80px,9vw,138px) max(clamp(16px,4vw,80px),calc((100% - var(--hbcss-shell))/2)); background: radial-gradient(circle at 76% 10%,rgba(108,88,255,.42),transparent 28%),linear-gradient(125deg,#111019,#302454); color: #fff; }
.hbcss-article-next span { color: var(--hbcss-mint); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.hbcss-article-next h2 { max-width: 790px; margin: 12px 0 20px; color: #fff; font-size: clamp(3rem,4.7vw,5.5rem); line-height: .92; }
.hbcss-article-next p { max-width: 680px; margin: 0; color: rgba(255,255,255,.68); }
.hbcss-article-next > div:last-child { display: grid; gap: 10px; padding: 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; background: rgba(9,8,18,.22); }
.hbcss-article-next a { min-height: 54px; display: flex; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #fff !important; font-size: .82rem; font-weight: 850; text-align: center; text-decoration: none !important; }
.hbcss-article-next a:first-child { border-color: var(--hbcss-mint); background: var(--hbcss-mint); color: var(--hbcss-ink) !important; }

.hbcss-via-hero { position: relative; min-height: 760px; display: grid; align-items: center; overflow: hidden; padding: clamp(88px,8vw,142px) 0; background: radial-gradient(circle at 84% 18%,rgba(32,88,112,.56),transparent 26%),radial-gradient(circle at 55% 94%,rgba(108,88,255,.34),transparent 30%),linear-gradient(124deg,#111019,#251b40 64%,#163c42); color: #fff; }
.hbcss-via-hero::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,#000,transparent 54%,#000); }
.hbcss-via-hero > .hbcss-shell { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr); gap: clamp(60px,8vw,130px); align-items: center; }
.hbcss-via-hero__copy > span,.hbcss-via-cta span { display: block; margin-bottom: 20px; color: var(--hbcss-mint); font-size: .72rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.hbcss-via-hero h1 { max-width: 900px; margin-bottom: 30px; color: #fff; font-size: clamp(4rem,5.3vw,6.8rem); line-height: .88; }
.hbcss-via-hero__copy > p { max-width: 720px; margin-bottom: 34px; color: rgba(255,255,255,.72); font-size: clamp(1.08rem,1.15vw,1.28rem); }
.hbcss-via-hero__copy > div { display: flex; flex-wrap: wrap; gap: 12px; }
.hbcss-via-ghost { border-color: rgba(255,255,255,.36); background: rgba(255,255,255,.03); color: #fff !important; }
.hbcss-via-hero__visual { position: relative; min-height: 540px; overflow: hidden; border: 1px solid rgba(191,243,219,.3); border-radius: 32px; background: linear-gradient(180deg,rgba(7,9,20,.01),rgba(7,9,20,.46)),var(--hbcss-via-image) center/cover no-repeat; box-shadow: 0 40px 110px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.04) inset; filter:saturate(1.08) contrast(1.03); }
.hbcss-via-hero__visual > span { position: absolute; top: 26px; left: 26px; z-index: 2; padding: 10px 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(7,9,20,.42); font-size: .7rem; font-weight: 850; letter-spacing: .1em; backdrop-filter: blur(9px); }
.hbcss-via-hero__visual > div { position: absolute; right: 30px; bottom: 30px; width: 180px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }
.hbcss-via-hero__visual i { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--hbcss-mint); box-shadow: 0 0 22px rgba(191,211,218,.9); }.hbcss-via-hero__visual i:nth-child(1){left:-6px;top:50%}.hbcss-via-hero__visual i:nth-child(2){right:16%;top:3%}.hbcss-via-hero__visual i:nth-child(3){right:-6px;bottom:32%;background:#9c8cff}.hbcss-via-hero__visual i:nth-child(4){left:26%;bottom:1%}
.hbcss-via-signal { background: var(--hbcss-ink); color: #fff; }
.hbcss-via-signal .hbcss-shell { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hbcss-via-signal article { min-height: 182px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 24px; align-items: center; padding: 30px clamp(26px,4vw,54px); border-right: 1px solid rgba(255,255,255,.14); }.hbcss-via-signal article:last-child{border-right:0}
.hbcss-via-signal b { color: var(--hbcss-mint); font: 850 clamp(3.5rem,4.5vw,5.3rem)/.9 "Roboto Condensed",sans-serif; }
.hbcss-via-signal span { color: rgba(255,255,255,.7); font-size: .85rem; line-height: 1.5; }
.hbcss-via-what > .hbcss-shell { display: grid; grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr); gap: clamp(70px,10vw,170px); align-items: center; }
.hbcss-via-what h2,.hbcss-via-hbc h2 { margin-bottom: 25px; font-size: clamp(3.3rem,4.5vw,5.7rem); line-height: .92; }
.hbcss-via-what p { max-width: 680px; }
.hbcss-via-what .hbcss-link { margin-top: 26px; }
.hbcss-via-network { position: relative; min-height: 560px; overflow:hidden; border: 1px solid rgba(64,48,112,.16); border-radius: 32px; background:radial-gradient(circle at 50% 50%,rgba(108,88,255,.2),transparent 19%),radial-gradient(circle at 78% 19%,rgba(32,132,148,.16),transparent 21%),radial-gradient(circle at 15% 82%,rgba(121,223,196,.18),transparent 25%),linear-gradient(145deg,#f7f4fb,#e7f1f1); box-shadow: 0 30px 90px rgba(17,16,25,.1),0 0 0 1px rgba(255,255,255,.7) inset; }
.hbcss-via-network::before,.hbcss-via-network::after { content: ""; position: absolute; inset: 14%; border: 1px solid rgba(64,48,112,.22); border-radius: 50%; }.hbcss-via-network::after{inset:29%;border-color:rgba(32,88,112,.26)}
.hbcss-via-network b { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 116px; height: 116px; border-radius: 50%; background: var(--hbcss-violet); box-shadow: 0 24px 55px rgba(64,48,112,.28); color: #fff; font: 850 2.1rem/1 "Roboto Condensed",sans-serif; place-items: center; transform: translate(-50%,-50%); }
.hbcss-via-network > span { position: absolute; z-index: 2; min-height: 42px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid rgba(17,16,25,.12); border-radius: 999px; background: rgba(255,255,255,.88); color: var(--hbcss-ink); font-size: .66rem; font-weight: 850; letter-spacing: .07em; box-shadow: 0 12px 35px rgba(17,16,25,.07); }.hbcss-via-network > span:nth-child(1){left:7%;top:17%}.hbcss-via-network > span:nth-child(2){right:7%;top:22%}.hbcss-via-network > span:nth-child(3){left:8%;bottom:19%}.hbcss-via-network > span:nth-child(4){right:6%;bottom:15%}
.hbcss-via-network i { position: absolute; z-index: 3; width: 10px; height: 10px; border-radius: 50%; background: var(--hbcss-violet); box-shadow:0 0 0 8px rgba(64,48,112,.08),0 0 25px rgba(64,48,112,.5); animation:hbcss-via-pulse 3.4s ease-in-out infinite }.hbcss-via-network i:nth-of-type(1){left:14%;top:50%}.hbcss-via-network i:nth-of-type(2){right:20%;top:13%;background:var(--hbcss-teal);animation-delay:.6s}.hbcss-via-network i:nth-of-type(3){right:11%;bottom:43%;animation-delay:1.2s}.hbcss-via-network i:nth-of-type(4){left:31%;bottom:10%;background:var(--hbcss-teal);animation-delay:1.8s}@keyframes hbcss-via-pulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.35);opacity:1}}
.hbcss-via-hbc__head { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); column-gap: clamp(60px,9vw,140px); align-items: end; }.hbcss-via-hbc__head > span{grid-column:1/-1}.hbcss-via-hbc__head p{margin:0 0 8px}
.hbcss-via-hbc__flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 70px; }
.hbcss-via-hbc__flow article { position: relative; min-height:460px; display:flex; flex-direction:column; overflow:hidden; padding:30px; border:1px solid rgba(255,255,255,.18); border-radius:24px; background-image:linear-gradient(180deg,rgba(5,10,22,.18) 0%,rgba(5,10,22,.1) 38%,rgba(5,10,22,.94) 78%,#080916 100%),var(--hbcss-via-flow-image); background-repeat:no-repeat; background-size:auto,300% auto; background-position:center,0 center; box-shadow:0 26px 65px rgba(0,0,0,.18) }.hbcss-via-hbc__flow article:nth-child(2){background-position:center,50% center}.hbcss-via-hbc__flow article:nth-child(3){background-position:center,100% center}.hbcss-via-hbc__flow article > b{position:absolute;top:26px;right:26px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,11,28,.5);color:#c9f3e7;font-size:.72rem;backdrop-filter:blur(8px)}.hbcss-via-hbc__flow .hbcss-system-icon{width:54px;height:54px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(7,11,28,.48);color:var(--hbcss-mint);backdrop-filter:blur(8px)}.hbcss-via-hbc__flow h3{margin-top:auto;color:#fff;font-size:clamp(1.8rem,2.2vw,2.6rem);text-shadow:0 2px 18px rgba(0,0,0,.7)}.hbcss-via-hbc__flow p{margin-bottom:0;color:rgba(255,255,255,.72);font-size:.95rem;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hbcss-via-role-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.hbcss-via-role-grid article { position:relative; min-height:450px; display:flex; flex-direction:column; overflow:hidden; padding:30px; border:1px solid rgba(255,255,255,.16); border-radius:24px; background-image:linear-gradient(180deg,rgba(9,10,24,.12) 0%,rgba(9,10,24,.12) 38%,rgba(9,10,24,.94) 76%,#090a18 100%),var(--hbcss-via-roles-image); background-repeat:no-repeat; background-size:auto,400% auto; background-position:center,0 center; box-shadow:0 24px 70px rgba(17,16,25,.18); color:#fff; transition:transform .25s ease,box-shadow .25s ease; }.hbcss-via-role-grid article:nth-child(2){background-position:center,33.333% center}.hbcss-via-role-grid article:nth-child(3){background-position:center,66.666% center}.hbcss-via-role-grid article:nth-child(4){background-position:center,100% center}.hbcss-via-role-grid article:hover{transform:translateY(-5px);box-shadow:0 32px 84px rgba(17,16,25,.25)}.hbcss-via-role-grid span{align-self:flex-start;padding:8px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(15,13,35,.55);color:#c9f3e7;font-size:.72rem;font-weight:850;box-shadow:0 8px 22px rgba(0,0,0,.14);backdrop-filter:blur(8px)}.hbcss-via-role-grid h3{margin-top:auto;color:#fff;font-size:clamp(1.7rem,2vw,2.3rem);text-shadow:0 2px 18px rgba(0,0,0,.65)}.hbcss-via-role-grid p{margin:0;color:rgba(255,255,255,.76);font-size:.9rem;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hbcss-via-road__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; overflow: hidden; border: 1px solid var(--hbcss-line); border-radius: 28px; background: #fff; }
.hbcss-via-road__grid article { position: relative; min-height: 380px; padding: 30px; border-right: 1px solid var(--hbcss-line); }.hbcss-via-road__grid article:last-child{border-right:0}.hbcss-via-road__grid article:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-18px;top:54px;display:grid;width:36px;height:36px;border:1px solid var(--hbcss-line);border-radius:50%;background:#fff;color:var(--hbcss-violet);place-items:center}.hbcss-via-road__grid article > div{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:58px}.hbcss-via-road__grid b{color:var(--hbcss-violet)}.hbcss-via-road__grid time{color:#77737c;font-size:.7rem;font-weight:800}.hbcss-via-road__grid article > span{display:block;margin-bottom:12px;color:var(--hbcss-teal);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hbcss-via-road__grid h3{font-size:clamp(1.55rem,1.8vw,2rem);line-height:1}.hbcss-via-road__grid p{font-size:.88rem}
.hbcss-via-source { max-width: 900px; margin: 28px 0 0; color: #625e69 !important; font-size: .78rem !important; }.hbcss-via-source a{color:var(--hbcss-violet)!important;font-weight:800;text-decoration:none!important}
.hbcss-via-cta { padding: clamp(88px,9vw,142px) 0; background: radial-gradient(circle at 80% 8%,rgba(108,88,255,.4),transparent 28%),linear-gradient(125deg,#111019,#302454); color:#fff; }
.hbcss-via-cta .hbcss-shell { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,390px); gap: clamp(60px,9vw,140px); align-items: center; }.hbcss-via-cta h2{max-width:850px;margin-bottom:22px;color:#fff;font-size:clamp(3.2rem,4.6vw,5.5rem);line-height:.92}.hbcss-via-cta p{max-width:720px;margin:0;color:rgba(255,255,255,.7)}.hbcss-via-cta .hbcss-shell > div:last-child{display:grid;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:rgba(9,8,18,.22)}.hbcss-via-cta .hbcss-button{width:100%}.hbcss-via-cta__link{min-height:52px;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:.85rem;font-weight:850;text-decoration:none!important}

@media (min-width: 1101px) {
  .hbcss-via-hero { padding-block: clamp(84px,6.2vw,112px); }
  .hbcss-via-hero h1 { font-size: clamp(4rem,4.8vw,6.15rem); }
}

.hbcss-bccm-hero { --bccm-blue:#0865a5; --bccm-cyan:#1aa6c8; --hydro:#79dfc4; position:relative; overflow:hidden; padding:clamp(92px,9vw,150px) 0 86px; background:radial-gradient(circle at 13% 15%,rgba(121,223,196,.18),transparent 28%),radial-gradient(circle at 82% 8%,rgba(26,166,200,.28),transparent 31%),linear-gradient(132deg,#111019 0%,#192b46 55%,#08618f 115%); color:#fff; }
.hbcss-bccm-hero::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000); }
.hbcss-bccm-hero > .hbcss-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr); gap:clamp(55px,8vw,128px); align-items:center; }
.hbcss-bccm-hero__copy > span { display:block; margin-bottom:20px; color:var(--hydro); font-size:.72rem; font-weight:850; letter-spacing:.14em; }
.hbcss-bccm-hero h1 { max-width:940px; margin-bottom:28px; color:#fff; font-size:clamp(4rem,5.2vw,6.6rem); line-height:.89; }
.hbcss-bccm-hero__copy > p { max-width:760px; margin-bottom:34px; color:rgba(255,255,255,.74); font-size:clamp(1.06rem,1.15vw,1.28rem); }
.hbcss-bccm-hero__copy > div { display:flex; flex-wrap:wrap; gap:12px; }
.hbcss-bccm-ghost { border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.04); color:#fff!important; }
.hbcss-bccm-hero__visual { position:relative; min-height:545px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:34px; background:linear-gradient(180deg,rgba(12,18,28,.02),rgba(7,16,25,.5)),var(--hbcss-bccm-image) center/cover no-repeat; box-shadow:0 38px 105px rgba(0,0,0,.32); }
.hbcss-bccm-hero__visual > span { position:absolute; top:25px; left:25px; padding:10px 14px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(8,25,39,.5); font-size:.67rem; font-weight:850; letter-spacing:.1em; backdrop-filter:blur(10px); }
.hbcss-bccm-hero__visual > i { position:absolute; right:28px; bottom:28px; display:grid; width:104px; height:104px; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:rgba(13,108,136,.55); color:#fff; font:850 2.4rem/1 "Roboto Condensed",sans-serif; box-shadow:0 0 0 18px rgba(121,223,196,.1),0 15px 40px rgba(0,0,0,.2); place-items:center; backdrop-filter:blur(9px); }
.hbcss-bccm-signal { background:#0a2132; color:#fff; }
.hbcss-bccm-signal .hbcss-shell { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hbcss-bccm-signal article { min-height:160px; display:flex; flex-direction:column; justify-content:center; padding:28px clamp(26px,4vw,52px); border-right:1px solid rgba(255,255,255,.14); }.hbcss-bccm-signal article:last-child{border-right:0}
.hbcss-bccm-signal b { margin-bottom:7px; color:#79dfc4; font:850 clamp(1.8rem,2.5vw,3rem)/1 "Roboto Condensed",sans-serif; }.hbcss-bccm-signal span{color:rgba(255,255,255,.65);font-size:.82rem}
.hbcss-bccm-identity > .hbcss-shell,.hbcss-bccm-architecture > .hbcss-shell,.hbcss-bccm-why > .hbcss-shell,.hbcss-bccm-material > .hbcss-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); gap:clamp(60px,9vw,145px); align-items:center; }
.hbcss-bccm-mark { position:relative; min-height:510px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:42px; border-radius:32px; background:radial-gradient(circle at 80% 12%,rgba(121,223,196,.34),transparent 32%),linear-gradient(145deg,#075e9b,#163254 67%,#282050); box-shadow:0 28px 85px rgba(16,38,68,.2); color:#fff; }
.hbcss-bccm-mark::before { content:""; position:absolute; inset:12%; border:1px solid rgba(255,255,255,.15); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); }
.hbcss-bccm-mark small,.hbcss-bccm-mark strong,.hbcss-bccm-mark span{position:relative;z-index:1}.hbcss-bccm-mark small{margin-bottom:auto;color:#8ee7d0;font-size:.68rem;font-weight:850;letter-spacing:.12em}.hbcss-bccm-mark strong{font:850 clamp(5rem,8vw,9rem)/.8 "Roboto Condensed",sans-serif;letter-spacing:-.06em}.hbcss-bccm-mark span{margin-top:18px;color:rgba(255,255,255,.65);font-size:.74rem;font-weight:800;line-height:1.35;letter-spacing:.08em}.hbcss-bccm-mark i{position:absolute;right:32px;bottom:33px;font:850 2.1rem/1 "Roboto Condensed",sans-serif;color:#8ee7d0}
.hbcss-bccm-chain .hbcss-section-head{max-width:960px}.hbcss-bccm-chain__flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:68px;border:1px solid rgba(255,255,255,.16);border-radius:26px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.24)}.hbcss-bccm-chain__flow article{position:relative;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-right:1px solid rgba(255,255,255,.17);background-image:linear-gradient(180deg,rgba(6,15,27,.3) 0%,rgba(6,15,27,.12) 43%,rgba(6,15,27,.94) 100%),var(--hbcss-bccm-chain-image);background-repeat:no-repeat;background-size:auto,400% auto;background-position:center,0 center}.hbcss-bccm-chain__flow article:nth-child(2){background-position:center,33.333% center}.hbcss-bccm-chain__flow article:nth-child(3){background-position:center,66.666% center}.hbcss-bccm-chain__flow article:nth-child(4){background-position:center,100% center}.hbcss-bccm-chain__flow article:last-child{border-right:0}.hbcss-bccm-chain__flow article:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-18px;top:50%;display:grid;width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(11,30,45,.86);color:#79dfc4;box-shadow:0 8px 24px rgba(0,0,0,.25);place-items:center;transform:translateY(-50%);backdrop-filter:blur(8px)}.hbcss-bccm-chain__flow b{align-self:flex-start;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,19,31,.54);color:#9cf0d9;font-size:.72rem;box-shadow:0 8px 24px rgba(0,0,0,.14);backdrop-filter:blur(8px)}.hbcss-bccm-chain__flow span{position:relative;color:#fff;font:750 clamp(1.5rem,2vw,2.2rem)/1 "Roboto Condensed",sans-serif;text-shadow:0 2px 20px rgba(0,0,0,.7)}.hbcss-bccm-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.hbcss-bccm-ledger span{min-height:62px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid rgba(121,223,196,.28);border-radius:999px;background:rgba(121,223,196,.07);color:#baf3e4;font-size:.72rem;font-weight:800;text-align:center}
.hbcss-bccm-stack{display:grid;gap:14px}.hbcss-bccm-stack article{min-height:245px;padding:32px;border:1px solid var(--hbcss-line);border-radius:25px;background:#fff;box-shadow:0 22px 65px rgba(17,16,25,.055)}.hbcss-bccm-stack article:last-child{background:linear-gradient(145deg,#075f9e,#163452);color:#fff}.hbcss-bccm-stack span{display:block;margin-bottom:65px;color:#0872ae;font-size:.7rem;font-weight:850;letter-spacing:.1em}.hbcss-bccm-stack article:last-child span{color:#8ee7d0}.hbcss-bccm-stack h3{font-size:clamp(1.9rem,2.4vw,2.8rem)}.hbcss-bccm-stack article:last-child h3{color:#fff}.hbcss-bccm-stack p{margin:0;font-size:.9rem}.hbcss-bccm-stack article:last-child p{color:rgba(255,255,255,.68)}.hbcss-bccm-boundary{margin-top:28px;padding:22px 24px;border-left:4px solid #1aa6c8;background:#eef7f9;color:#29404c!important;font-size:.9rem!important}
.hbcss-bccm-why{background:radial-gradient(circle at 85% 12%,rgba(121,223,196,.16),transparent 27%),linear-gradient(145deg,#eef5f4,#eeeaf4)}.hbcss-bccm-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:13px}.hbcss-bccm-pair article{min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:25px;background:#0d629c;color:#fff}.hbcss-bccm-pair article:last-child{background:#34265f}.hbcss-bccm-pair > span{align-self:center;color:#197fa8;font-size:2rem;font-weight:850}.hbcss-bccm-pair b{margin-bottom:20px;font:850 3.1rem/1 "Roboto Condensed",sans-serif}.hbcss-bccm-pair p{margin:0;color:#eef5fa;font-size:.88rem}
.hbcss-bccm-material .hbcss-actions{margin-top:30px;align-items:center}.hbcss-bccm-poster{position:relative;display:block;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(17,16,25,.14);text-decoration:none!important}.hbcss-bccm-poster img{display:block;width:100%;aspect-ratio:1.414/1;object-fit:cover;object-position:top}.hbcss-bccm-poster span{position:absolute;right:15px;bottom:15px;padding:10px 13px;border-radius:999px;background:rgba(9,25,38,.84);color:#fff;font-size:.7rem;font-weight:800;backdrop-filter:blur(8px)}

.hbcss-contact-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(340px,.7fr); gap: clamp(40px,8vw,120px); align-items: start; }
.hbcss-choice-grid { display: grid; gap: 12px; }
.hbcss-choice-grid > a { display: grid; grid-template-columns: 50px 1fr; gap: 20px; padding: 24px; border: 1px solid var(--hbcss-line); border-radius: 18px; color: var(--hbcss-ink) !important; text-decoration: none !important; }
.hbcss-choice-grid b { color: var(--hbcss-violet); }.hbcss-choice-grid span { color: #65636c; }.hbcss-choice-grid strong { display: block; margin-bottom: 4px; color: var(--hbcss-ink); font-size: 1.2rem; }
.hbcss-contact-card { position: sticky; top: 120px; padding: clamp(30px,4vw,54px); border-radius: var(--hbcss-radius); background: var(--hbcss-ink); color: white; }
.hbcss-contact-card > .hbcss-kicker{color:#ddd2f2}
.hbcss-contact-card h2 { font-size: clamp(2.3rem,2.7vw,3.2rem); }.hbcss-contact-card > a { display: block; margin-bottom: 12px; color: white !important; font-size: 1.14rem; overflow-wrap: anywhere; }.hbcss-contact-card p { margin: 28px 0; color: rgba(255,255,255,.7); font-size: 1rem; }
.hbcss-contact-note { padding-top: 24px; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.67); line-height: 1.55; }

.hbcss-cta { position: relative; min-height: 520px; display: grid; align-items: center; padding: clamp(82px,8vw,132px) 0; background: radial-gradient(circle at 77% 8%,rgba(108,88,255,.48),transparent 28%),radial-gradient(circle at 96% 92%,rgba(32,88,112,.18),transparent 26%),linear-gradient(125deg,#111019 0%,#302454 54%,#403070 120%); color: white; overflow: hidden; }
.hbcss-cta::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,#000 44%,#000); }
.hbcss-cta .hbcss-shell { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,390px); gap: clamp(60px,9vw,140px); align-items: center; }
.hbcss-cta .hbcss-kicker { color: var(--hbcss-mint); }
.hbcss-cta h2 { max-width: 900px; margin-bottom: 22px; font-size: clamp(3.2rem,4.4vw,5.2rem); line-height: .93; }
.hbcss-cta p { max-width: 700px; margin: 0; color: rgba(255,255,255,.72); font-size: clamp(1.05rem,1.05vw,1.24rem); }
.hbcss-cta__routes { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; }
.hbcss-cta__routes span { padding: 9px 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.055); color: rgba(255,255,255,.72); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hbcss-cta__actions { display: grid; gap: 12px; padding: 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 24px; background: rgba(9,8,18,.22); box-shadow: 0 28px 70px rgba(0,0,0,.17); backdrop-filter: blur(12px); }
.hbcss-cta__actions .hbcss-button { width: 100%; }
.hbcss-cta__secondary { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: white !important; font-size: .9rem; font-weight: 800; text-decoration: none !important; }
.hbcss-cta__secondary:hover { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.06); }
.hbcss-cta__signal { position: absolute; right: clamp(20px,7vw,130px); top: 50%; width: min(38vw,600px); aspect-ratio: 1; border: 1px solid rgba(185,181,255,.2); border-radius: 50%; transform: translateY(-50%); }
.hbcss-cta__signal::before,.hbcss-cta__signal::after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(191,243,219,.16); border-radius: 50%; }
.hbcss-cta__signal::after { inset: 38%; background: rgba(64,48,112,.12); }
.hbcss-cta__signal i { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--hbcss-mint); box-shadow: 0 0 24px rgba(191,243,219,.8); }
.hbcss-cta__signal i:nth-child(1) { left: -5px; top: 50%; }.hbcss-cta__signal i:nth-child(2) { right: 11%; top: 12%; }.hbcss-cta__signal i:nth-child(3) { right: -5px; bottom: 36%; background: var(--hbcss-lilac); }.hbcss-cta__signal i:nth-child(4) { left: 31%; bottom: 4%; }

@media (max-width: 1100px) {
  .hbcss-article-reading{grid-template-columns:1fr;gap:32px;padding-block:48px}
  .hbcss-article-profile{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:24px}
  .hbcss-article-profile>span,.hbcss-article-profile h2{grid-column:1/-1;margin:0}
  .hbcss-article-profile>p{margin:0;padding:0;border:0}
  .hbcss-article__content h2,.hbcss-article__content h3{margin-top:1.35em}
  .hbcss-grid--4, .hbcss-people { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-grid--3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-home-hero__copy { width: min(65vw,760px); }
  .hbcss-home-hero::before { background: linear-gradient(90deg,rgba(248,248,250,.97) 0%,rgba(248,248,250,.92) 48%,rgba(248,248,250,.3) 85%),var(--hbcss-hero-image) center right/cover no-repeat; }
  .hbcss-decision__head { grid-template-columns: 1fr; gap: 0; }
  .hbcss-audience-tags { justify-content: flex-start; }
  .hbcss-home-evidence > .hbcss-shell { grid-template-columns: 1fr; }
  .hbcss-hero__grid { grid-template-columns: 1fr; }.hbcss-hero__visual { display: none; }
  .hbcss-hero__copy { width: min(64vw, 940px); }
  .hbcss-feature { grid-template-columns: 1fr; }.hbcss-feature__media { min-height: 480px; }
  .hbcss-roadmap { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-roadmap article:not(:last-child)::after { display: none; }
  .hbcss-model-panels { grid-template-columns: 1fr; }
  .hbcss-group-detail-grid { grid-template-columns: 1fr; }
  .hbcss-group-detail-grid article { min-height: 0; }
  .hbcss-group-detail__premise { min-height: 0; }
  .hbcss-groups-loop > .hbcss-shell { grid-template-columns: 1fr; }
  .hbcss-groups-loop__intro { position: static; }
  .hbcss-brief { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-about-manifesto > .hbcss-shell { grid-template-columns: 1fr; }
  .hbcss-about-manifesto__copy { position: static; }
  .hbcss-operating-map__stages h3 { font-size: clamp(1.65rem,2.7vw,2.2rem); }
  .hbcss-service-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-service-flow article:not(:last-child)::after { display: none; }
  .hbcss-services-capabilities__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-about-roles__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-team-map__grid { grid-template-columns: 1fr; }
  .hbcss-people--science { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-team-map__grid a { min-height: 76px; }
  .hbcss-insights-topics__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-source-method > .hbcss-shell { grid-template-columns: 1fr; }
  .hbcss-source-method__intro { position: static; }
	.hbcss-blog-signal > .hbcss-shell { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.hbcss-blog-signal > .hbcss-shell > a { grid-column: 1 / -1; min-height: 150px; }
	.hbcss-blog-feature__card { grid-template-columns: 1fr; }.hbcss-blog-feature__media { min-height: 430px; }
	.hbcss-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.hbcss-blog-tools { grid-template-columns: 1fr; }
	.hbcss-article-hero__grid { grid-template-columns: 1fr; }
	.hbcss-article-hero__copy { max-width: 900px; }
	.hbcss-article-hero__media { width: min(100%,860px); }
	.hbcss-article-next { grid-template-columns: 1fr; }
	.hbcss-via-hero > .hbcss-shell,.hbcss-via-what > .hbcss-shell,.hbcss-via-hbc__head,.hbcss-via-cta .hbcss-shell { grid-template-columns: 1fr; }
	.hbcss-bccm-hero > .hbcss-shell,.hbcss-bccm-identity > .hbcss-shell,.hbcss-bccm-architecture > .hbcss-shell,.hbcss-bccm-why > .hbcss-shell,.hbcss-bccm-material > .hbcss-shell { grid-template-columns:1fr; }
	.hbcss-bccm-hero__visual{min-height:500px}.hbcss-bccm-chain__flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hbcss-bccm-chain__flow article:nth-child(2){border-right:0}.hbcss-bccm-chain__flow article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.hbcss-bccm-chain__flow article::after{display:none!important}.hbcss-bccm-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hbcss-via-hero__visual { min-height: 500px; }
	.hbcss-via-hbc__flow { grid-template-columns: 1fr; }
	.hbcss-via-hbc__flow article { min-height:430px; }
	.hbcss-via-role-grid,.hbcss-via-road__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.hbcss-via-road__grid article:nth-child(2){border-right:0}.hbcss-via-road__grid article:nth-child(-n+2){border-bottom:1px solid var(--hbcss-line)}.hbcss-via-road__grid article::after{display:none!important}
}

@media (max-width: 760px) {
  .hbcss-shell { width: min(calc(100% - 2 * var(--hbcss-mobile-gutter)), var(--hbcss-shell)); }
  .hbcss-section { padding: 70px 0; }
  .hbcss-group-detail-grid article { padding: 26px 22px; }
  .hbcss-group-detail__top { margin-bottom: 34px; }
  .hbcss-group-lead { grid-template-columns: 1fr; }
  .hbcss-group-lead a { grid-column: 1; grid-row: auto; justify-content: space-between; margin-top: 10px; }
  .hbcss-groups-loop__steps li { grid-template-columns: 42px minmax(0,1fr); gap: 12px; }
  .hbcss-groups-choice__grid { grid-template-columns: 1fr; }
  .hbcss-groups-choice__grid article { min-height: 0; padding: 28px 22px; }
  .hbcss-groups-choice__grid > article > span { margin-bottom: 20px; }
  .hbcss-home-hero { min-height: 0; margin-bottom: 0; padding-bottom: 16px; }
  .hbcss-page--about .hbcss-hero { min-height: 770px; }
  .hbcss-page--about .hbcss-hero::before { background: linear-gradient(180deg,rgba(239,238,233,.96) 0%,rgba(239,238,233,.92) 56%,rgba(239,238,233,.7) 100%),var(--hbcss-hero-image) 62% center/cover no-repeat; }
  .hbcss-page--about .hbcss-hero__grid { min-height: 770px; align-items: flex-start; padding-block: 142px 70px; }
  .hbcss-page--about .hbcss-hero__copy { width: 100%; }
  .hbcss-page--services .hbcss-hero { min-height: 770px; }
  .hbcss-page--services .hbcss-hero::before { background: linear-gradient(180deg,rgba(239,238,233,.96) 0%,rgba(239,238,233,.92) 56%,rgba(239,238,233,.7) 100%),var(--hbcss-hero-image) 62% center/cover no-repeat; }
  .hbcss-page--services .hbcss-hero__grid { min-height: 770px; align-items: flex-start; padding-block: 142px 70px; }
  .hbcss-page--services .hbcss-hero__copy { width: 100%; }
  .hbcss-home-hero::before { background: linear-gradient(180deg,rgba(239,238,233,.96) 0%,rgba(239,238,233,.9) 54%,rgba(239,238,233,.72) 100%),var(--hbcss-hero-image) 63% center/cover no-repeat; }
  .hbcss-home-hero__inner { min-height: 620px; padding-block: 86px 70px; align-items: flex-start; }
  .hbcss-home-hero__copy { width: 100%; }
  .hbcss-home-hero h1 { font-size: clamp(3rem,13.2vw,4.4rem); overflow-wrap: break-word; hyphens: auto; }
  .hbcss-ask-dock { position: relative; left: auto; bottom: auto; grid-template-columns: 1fr; gap: 24px; width: min(calc(100% - 2 * var(--hbcss-mobile-gutter)),var(--hbcss-shell)); padding: 24px; transform: none; }
  .hbcss-ask-dock form > div { grid-template-columns: minmax(0,1fr) 52px; }
  .hbcss-ask-dock input { height: 54px; padding-inline: 18px 8px; font-size: 16px; }
  .hbcss-ask-dock__suggestions { display: grid; gap: 8px; }
  .hbcss-decision { padding-top: 70px; }
  .hbcss-decision-grid,.hbcss-case-grid,.hbcss-home-evidence__stats { grid-template-columns: 1fr; }
  .hbcss-decision-grid article { min-height: 360px; padding: 24px; }
  .hbcss-decision-icon { margin-bottom: 36px; }
  .hbcss-home-evidence__stats article { min-height: 150px; border-left: 0; border-top: 1px solid rgba(255,255,255,.2); }
  .hbcss-case-grid article > div:last-child { min-height: 0; }
  .hbcss-case-grid .hbcss-link { min-height: 64px; }
  .hbcss-hero { min-height: auto; }
  .hbcss-hero::before { background: linear-gradient(180deg,rgba(239,238,233,.96),rgba(239,238,233,.88)), var(--hbcss-hero-image) center/cover no-repeat; }
  .hbcss-hero__grid { padding-block: 90px; }
  .hbcss-hero__copy { width: 100%; }
  .hbcss-hero h1 { font-size: clamp(3.15rem,14vw,5.3rem); overflow-wrap: break-word; hyphens: auto; }
  .hbcss-actions { flex-direction: column; align-items: stretch; }.hbcss-button { width: 100%; }
  .hbcss-grid--2, .hbcss-grid--3, .hbcss-grid--4, .hbcss-dual, .hbcss-split, .hbcss-process, .hbcss-contact-grid { grid-template-columns: 1fr; }
  .hbcss-roadmap, .hbcss-stats { grid-template-columns: 1fr; }
  .hbcss-roadmap article { min-height: 0; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 16px; padding: 19px; }
  .hbcss-roadmap__copy { margin-top: 0; }
  .hbcss-roadmap h3 { max-width: none; }
  .hbcss-about-manifesto__copy h2 { font-size: clamp(2.7rem,12vw,3.7rem); overflow-wrap: break-word; }
  .hbcss-about-manifesto__cards article { min-height: 280px; }
  .hbcss-operating-map__stages,.hbcss-operating-map__rail { grid-template-columns: 1fr; }
  .hbcss-operating-map__stages article { min-height: 0; }
  .hbcss-operating-map__stages article:not(:last-child)::after { content: "↓"; left: 50%; right: auto; top: auto; bottom: -22px; transform: translateX(-50%); }
  .hbcss-operating-map__stages .hbcss-system-icon { margin-bottom: 24px; }
  .hbcss-about-roles__grid,.hbcss-home-routes__grid { grid-template-columns: 1fr; }
  .hbcss-about-roles__grid article { min-height: 0; }
  .hbcss-home-routes__grid > a { min-height: 340px; padding: 24px; }
  .hbcss-about-handoff .hbcss-shell { grid-template-columns: 1fr; gap: 30px; }
  .hbcss-about-handoff .hbcss-button { width: 100%; }
  .hbcss-service-start__grid,.hbcss-service-flow,.hbcss-service-path__support,.hbcss-services-capabilities__grid,.hbcss-decision-gates__grid { grid-template-columns: 1fr; }
  .hbcss-service-start__grid > a { min-height: 350px; }
  .hbcss-service-start__grid .hbcss-system-icon { margin-bottom: 34px; }
  .hbcss-service-flow article { min-height: 0; display: grid; grid-template-columns: 50px minmax(0,1fr); column-gap: 15px; padding: 20px; }
  .hbcss-service-flow article .hbcss-system-icon { grid-row: 1 / 4; width: 48px; height: 48px; margin: 0; }
  .hbcss-service-flow article > span,.hbcss-service-flow article h3,.hbcss-service-flow article p { grid-column: 2; }
  .hbcss-service-flow article:not(:last-child)::after { content: "↓"; left: 27px; right: auto; top: auto; bottom: -20px; display: grid; }
  .hbcss-service-path__support { margin-top: 20px; }
  .hbcss-services-capabilities__grid article { min-height: 270px; }
  .hbcss-decision-gates__grid article { min-height: 330px; }
  .hbcss-model-panels article { min-height: auto; }.hbcss-model-panels article > span { margin-bottom: 34px; }
  .hbcss-stats article { min-height: 190px; }
  .hbcss-ai-principles { margin-top: -10px; margin-bottom: 30px; }
  .hbcss-ai-boundaries { grid-template-columns: 1fr; margin-top: 0; }
  .hbcss-knowledge-cloud { min-height: 560px; margin-inline: 0; border-radius: 24px; }
  .hbcss-knowledge-cloud .hbckc { padding: 34px 14px !important; }
  .hbcss-knowledge-cloud .hbckc__head { margin-bottom: 26px; }
  .hbcss-knowledge-cloud .hbckc__head h2 { font-size: clamp(30px,8.3vw,36px); line-height: 1.02; }
  .hbcss-knowledge-cloud .hbckc__app { grid-template-columns: minmax(0,1fr); min-height: 0; }
  .hbcss-knowledge-cloud .hbckc__chat { padding: 18px; }
  .hbcss-knowledge-cloud .hbckc__messages { max-height: min(60dvh,610px); }
  .hbcss-knowledge-cloud .hbckc.has-conversation .hbckc__messages { max-height: none; }
  .hbcss-knowledge-cloud .hbckc__answer-main > .hbckc__answer-lead > .hbckc__summary { font-size: 18px !important; }
  .hbcss-ai-entry .hbcss-shell { grid-template-columns: 1fr; gap: 28px; }
  .hbcss-ai-entry__actions { min-width: 0; }
  .hbcss-ecosystem { grid-template-columns: 1fr; }
  .hbcss-ecosystem > a:last-child { grid-column: auto; }
  .hbcss-page--about .hbcss-ecosystem > a { min-height: 0; padding: 22px 54px 22px 22px; }
  .hbcss-page--about .hbcss-ecosystem h3 { margin-bottom: 9px; font-size: clamp(1.4rem,6vw,1.65rem); line-height: 1.13; }
  .hbcss-page--about .hbcss-ecosystem p { font-size: .95rem; line-height: 1.45; }
  .hbcss-page--about .hbcss-ecosystem > a > span { right: 20px; bottom: 19px; }
  .hbcss-brief { grid-template-columns: 1fr; }
  .hbcss-brief li { border-right: 0; border-bottom: 1px solid var(--hbcss-line); }
  .hbcss-brief li:last-child { border-bottom: 0; }
  .hbcss-brief b { margin-bottom: 18px; }
  .hbcss-card { min-height: 290px; }.hbcss-dual article { min-height: 300px; }.hbcss-dual article > span { margin-bottom: 58px; }
  .hbcss-feature__media { min-height: 360px; }
  .hbcss-network .hbcss-shell { grid-template-columns: 1fr; gap: 40px; }
  .hbcss-network__intro { position: static; }
  .hbcss-network__grid { grid-template-columns: 1fr; }
  .hbcss-network__grid article:last-child { grid-column: auto; }
  .hbcss-process li { grid-template-columns: 1fr; gap: 8px; }
  .hbcss-people { grid-template-columns: 1fr 1fr; }
  .hbcss-person__copy { min-height: 132px; padding: 18px; }
  .hbcss-people--science { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hbcss-team-map__grid a { min-height: 0; grid-template-columns: 38px minmax(0,1fr) auto; padding: 22px 18px; }
  .hbcss-page--team .hbcss-hero { min-height: 0; }
  .hbcss-page--team .hbcss-hero__copy { width: 100%; }
  .hbcss-page--team .hbcss-hero__grid { padding-block: 40px; }
  .hbcss-page--team .hbcss-hero::before { background: linear-gradient(90deg,rgba(239,238,233,.97),rgba(239,238,233,.86)),var(--hbcss-hero-image) center/cover no-repeat; }
  .hbcss-page--team .hbcss-team-map__grid a { padding: 12px 16px; }
  .hbcss-articles a { grid-template-columns: 1fr auto; }.hbcss-articles time { grid-column: 1 / -1; }
  .hbcss-articles--described a { grid-template-columns: minmax(0,1fr) auto; gap: 16px; }
  .hbcss-articles--described a > div:first-child { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 0 0 12px; border-right: 0; border-bottom: 1px solid var(--hbcss-line); }
  .hbcss-contact-card { position: static; }
	.hbcss-page--blog .hbcss-hero__grid { padding-block: 86px; }
	.hbcss-blog-signal > .hbcss-shell { grid-template-columns: 1fr; width: calc(100% - 2 * var(--hbcss-mobile-gutter)); }
	.hbcss-blog-signal > .hbcss-shell > *,.hbcss-blog-signal > .hbcss-shell > a { grid-column: auto; min-height: 132px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
	.hbcss-blog-feature { padding-top: 24px; }.hbcss-blog-feature__card { min-height: 0; border-radius: 22px; }.hbcss-blog-feature__media { min-height: 310px; }
	.hbcss-blog-feature__copy { padding: 30px 22px; }.hbcss-blog-feature__copy > div { margin-bottom: 26px; }.hbcss-blog-feature__copy h2 { font-size: clamp(2.2rem,10vw,3.1rem); }
	.hbcss-blog-grid { grid-template-columns: 1fr; gap: 12px; }
	.hbcss-blog-card { display: grid; grid-template-columns: 112px minmax(0,1fr); min-height: 176px; border-radius: 16px; }
	.hbcss-blog-card__media { min-height: 0; height: 100%; padding: 0; }
	.hbcss-blog-card__media > b,.hbcss-blog-card__media > span:not(.hbcss-video-play) { display: none; }
	.hbcss-page--blog .hbcss-blog-card__media .hbcss-video-play { width: 38px; height: 38px; }
	.hbcss-blog-card__media .hbcss-video-play::before { margin-left: 3px; border-top-width: 6px; border-bottom-width: 6px; border-left-width: 10px; }
	.hbcss-blog-card__body { min-height: 0; padding: 14px 15px 12px; }
	.hbcss-blog-card__body time { margin-bottom: 6px; font-size: .65rem; }
	.hbcss-blog-card__body h3 { margin-bottom: 7px; font-size: 1.03rem; line-height: 1.18; }
	.hbcss-blog-card__body p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; font-size: .73rem; line-height: 1.4; }
	.hbcss-blog-card__body .hbcss-link { padding-top: 7px; font-size: .72rem; }
	.hbcss-blog-filters { flex-wrap: wrap; margin-inline: 0; padding-inline: 0; overflow: visible; }.hbcss-blog-filters::-webkit-scrollbar { display: none; }
	.hbcss-blog-filters a { flex: 0 0 auto; }
	.hbcss-article-hero { padding: 42px 16px 64px; }
	.hbcss-article__back { min-height: 40px; margin-bottom: 38px; }
	.hbcss-article h1 { font-size: clamp(2.8rem,12.5vw,4.2rem); hyphens: auto; }
	.hbcss-article-hero__grid { gap: 38px; }
	.hbcss-article-hero__lead { margin-top: 22px; }
	.hbcss-article-hero__media { border-radius: 19px; transform: none; }
	.hbcss-article-hero__media--video { padding: 5px; }.hbcss-article-hero__media--video iframe { border-radius: 14px; }
	.hbcss-article-reading { width: min(calc(100% - 32px),780px); grid-template-columns: 1fr; gap: 32px; padding: 40px 0 56px; }
	.hbcss-article-profile { position: static; display:block; padding: 24px; }
	.hbcss-article__content h2 { font-size: clamp(2rem,10vw,2.8rem); }
	.hbcss-article-related { padding: 70px 16px; }
	.hbcss-article-related__grid { grid-template-columns: 1fr; }
	.hbcss-article-related__grid > a { grid-template-rows: 220px auto auto; }
	.hbcss-article-next { padding: 78px 16px; }
	.hbcss-article-next h2 { font-size: clamp(2.8rem,12vw,4rem); }
	.hbcss-via-hero { min-height: 0; padding: 74px 0; }.hbcss-via-hero h1{font-size:clamp(3.2rem,14vw,4.5rem)}.hbcss-via-hero__copy > div{display:grid}.hbcss-via-hero .hbcss-button{width:100%}.hbcss-via-hero__visual{min-height:370px;border-radius:22px}.hbcss-via-hero__visual > div{width:130px}
	.hbcss-via-signal .hbcss-shell{grid-template-columns:1fr}.hbcss-via-signal article{min-height:132px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.hbcss-via-signal article:last-child{border-bottom:0}
	.hbcss-via-what > .hbcss-shell{gap:48px}.hbcss-via-what h2,.hbcss-via-hbc h2{font-size:clamp(2.8rem,12vw,4rem)}.hbcss-via-network{min-height:390px;border-radius:22px}.hbcss-via-network b{width:88px;height:88px;font-size:1.6rem}.hbcss-via-network > span{min-height:34px;padding:0 9px;font-size:.52rem}
	.hbcss-via-hbc__flow{margin-top:44px}.hbcss-via-hbc__flow article{min-height:390px;padding:24px}
	.hbcss-via-role-grid,.hbcss-via-road__grid{grid-template-columns:1fr}.hbcss-via-role-grid article{min-height:420px;padding:24px}.hbcss-via-road__grid article{min-height:0;padding:25px;border-right:0;border-bottom:1px solid var(--hbcss-line)}.hbcss-via-road__grid article:last-child{border-bottom:0}.hbcss-via-road__grid article > div{margin-bottom:45px}
	.hbcss-via-cta{padding:78px 0}.hbcss-via-cta h2{font-size:clamp(2.9rem,12.5vw,4rem)}
	.hbcss-bccm-hero{padding:74px 0}.hbcss-bccm-hero h1{font-size:clamp(3.05rem,13vw,4.35rem);hyphens:auto}.hbcss-bccm-hero__copy > div{display:grid}.hbcss-bccm-hero .hbcss-button{width:100%}.hbcss-bccm-hero__visual{min-height:370px;border-radius:22px}.hbcss-bccm-signal .hbcss-shell{grid-template-columns:1fr}.hbcss-bccm-signal article{min-height:118px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.hbcss-bccm-signal article:last-child{border-bottom:0}.hbcss-bccm-mark{min-height:390px;padding:25px;border-radius:22px}.hbcss-bccm-mark strong{font-size:clamp(4.4rem,22vw,7rem)}.hbcss-bccm-chain__flow,.hbcss-bccm-ledger{grid-template-columns:1fr}.hbcss-bccm-chain__flow article{min-height:235px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)!important}.hbcss-bccm-chain__flow article:last-child{border-bottom:0!important}.hbcss-bccm-ledger span{border-radius:16px}.hbcss-bccm-stack article{min-height:220px;padding:25px}.hbcss-bccm-stack span{margin-bottom:44px}.hbcss-bccm-pair{grid-template-columns:1fr}.hbcss-bccm-pair > span{text-align:center}.hbcss-bccm-pair article{min-height:220px}.hbcss-bccm-poster{border-radius:20px}.hbcss-bccm-poster img{height:auto;aspect-ratio:auto;object-fit:contain}.hbcss-bccm-poster span{position:static;display:block;min-height:48px;padding:14px 16px;border-radius:0;background:#17141f;color:#fff;font-size:.74rem;text-align:center;backdrop-filter:none}
	.hbcss-blog-card__media .hbcss-video-play { width: 50px; height: 50px; }
	.hbcss-article__content,.hbcss-article__content p,.hbcss-article__content li { font-size: 1rem; line-height: 1.72; }
  .hbcss-cta { min-height: 0; }
  .hbcss-cta .hbcss-shell { grid-template-columns: 1fr; gap: 38px; }.hbcss-cta .hbcss-button { width: 100%; }
  .hbcss-cta__signal { right: 16px; width: min(82vw,360px); opacity: .5; }
}

@media (max-width: 480px) {
  .hbcss-page p { font-size: 1rem; }
  .hbcss-knowledge-cloud { width: 100%; border-radius: 20px; }
  .hbcss-knowledge-cloud .hbckc { padding: 28px 8px !important; }
  .hbcss-knowledge-cloud .hbckc__topics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; overflow: visible; }
  .hbcss-knowledge-cloud .hbckc__topics button,
  .hbcss-knowledge-cloud .hbckc__topics button:last-child { width: 100%; min-width: 0; padding-inline: 8px; white-space: normal; }
  .hbcss-knowledge-cloud .hbckc__chat { padding: 13px; }
  .hbcss-knowledge-cloud .hbckc__answer { padding: 17px 13px 15px; }
  .hbcss-insights-topics__grid { grid-template-columns: 1fr; }
  .hbcss-insights-topics__grid a { min-height: 320px; padding: 24px 20px; }
  .hbcss-insights-topics__grid > a > span { margin-bottom: 44px; }
  .hbcss-source-method__steps li { grid-template-columns: 38px minmax(0,1fr); gap: 10px; }
  .hbcss-articles--described a { padding: 20px 18px; }
  .hbcss-hero h1 { font-size: clamp(2.85rem,13.2vw,4rem); }
  .hbcss-section-head h2 { font-size: clamp(2.3rem,12vw,3.4rem); overflow-wrap: break-word; hyphens: auto; }
  .hbcss-page--team .hbcss-people { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .hbcss-page--team .hbcss-people--leadership .hbcss-person:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,42%) minmax(0,1fr); min-height: 170px; }
  .hbcss-page--team .hbcss-people--leadership .hbcss-person:last-child .hbcss-person__photo { height: 100%; aspect-ratio: auto; }
  .hbcss-page--team .hbcss-people--leadership .hbcss-person:last-child .hbcss-person__copy { min-height: 0; }
  .hbcss-page--team .hbcss-person__copy { min-height: 126px; padding: 15px 13px 17px; }
  .hbcss-page--team .hbcss-person h3 { font-size: 1.12rem; }
  .hbcss-page--team .hbcss-person p { font-size: .76rem; line-height: 1.38; }
  .hbcss-network__grid article { grid-template-columns: 50px minmax(0,1fr); padding: 15px; }
  .hbcss-network__grid article > b { width: 48px; height: 48px; border-radius: 14px; }
  .hbcss-cta h2 { font-size: clamp(3rem,13vw,4rem); overflow-wrap: break-word; }
  .hbcss-cta__routes { display: grid; grid-template-columns: 1fr; }
  .hbcss-cta__actions { padding: 11px; border-radius: 20px; }
}

@media (max-width: 350px) {
  .hbcss-page--contact .hbcss-contact-grid { grid-template-columns: minmax(0,1fr); }
  .hbcss-page--contact .hbcss-contact-grid > div,
  .hbcss-page--contact .hbcss-contact-card,
  .hbcss-page--contact .hbcss-choice-grid { min-width: 0; }
  .hbcss-page--contact .hbcss-choice-grid > a { grid-template-columns: 32px minmax(0,1fr); gap: 10px; padding: 16px; }
  .hbcss-page--team .hbcss-people { grid-template-columns: 1fr; gap: 10px; }
  .hbcss-page--team .hbcss-people--leadership .hbcss-person:last-child { grid-column: auto; grid-template-columns: 104px minmax(0,1fr); min-height: 132px; }
  .hbcss-page--team .hbcss-person { display: grid; grid-template-columns: 104px minmax(0,1fr); min-height: 132px; }
  .hbcss-page--team .hbcss-person__photo { height: 100%; min-height: 132px; aspect-ratio: auto; }
  .hbcss-page--team .hbcss-person__copy { min-height: 0; padding: 12px 13px; }
  .hbcss-page--team .hbcss-person h3 { margin-bottom: 5px; font-size: 1.04rem; }
  .hbcss-page--team .hbcss-person p { font-size: .77rem; }
  .hbcss-page--team .hbcss-person__contact { min-height: 32px; padding-top: 5px; font-size: .78rem; }
}

/* The home page already offers these routes above; keep its mobile journey short. */
@media (max-width: 760px) {
  .hbcss-page--home .hbcss-home-hero__inner { min-height: 0; padding-block: 64px 42px; }
  .hbcss-page--home .hbcss-home-hero h1 { margin-bottom: 18px; }
  .hbcss-page--home .hbcss-home-hero__copy > p { margin-bottom: 22px; }
  .hbcss-page--home .hbcss-ask-dock { gap: 16px; padding: 20px; }
  .hbcss-page--home .hbcss-section { padding-block: 56px; }
  .hbcss-page--home .hbcss-decision { padding-top: 52px; }
  .hbcss-page--home .hbcss-decision__head .hbcss-section-head { margin-bottom: 24px; }
  .hbcss-page--home .hbcss-audience-tags { display: none; }
  .hbcss-page--home .hbcss-decision-grid { gap: 12px; }
  .hbcss-page--home .hbcss-decision-grid article { min-height: 0; display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 7px 15px; align-content: start; padding: 20px; }
  .hbcss-page--home .hbcss-decision-icon { grid-column: 1; grid-row: 1 / 4; width: 48px; height: 48px; margin: 0; padding: 11px; }
  .hbcss-page--home .hbcss-decision-grid .hbcss-card__eyebrow,
  .hbcss-page--home .hbcss-decision-grid h3,
  .hbcss-page--home .hbcss-decision-grid p,
  .hbcss-page--home .hbcss-decision-grid .hbcss-link { grid-column: 2; }
  .hbcss-page--home .hbcss-decision-grid h3 { margin: 0; font-size: clamp(1.55rem,6.2vw,2rem); }
  .hbcss-page--home .hbcss-decision-grid p { margin: 2px 0 8px; font-size: .95rem; line-height: 1.5; }
  .hbcss-page--home .hbcss-decision-grid .hbcss-link { margin-top: 0; min-height: 44px; align-content: center; }
  .hbcss-page--home .hbcss-decision-icon { grid-row: 1; }
  .hbcss-page--home .hbcss-decision-grid .hbcss-card__eyebrow { align-self: center; }
  .hbcss-page--home .hbcss-decision-grid h3,
  .hbcss-page--home .hbcss-decision-grid p,
  .hbcss-page--home .hbcss-decision-grid .hbcss-link { grid-column: 1 / -1; }
  .hbcss-page--home .hbcss-decision-grid h3 { margin-top: 9px; }
  .hbcss-page--home .hbcss-decision-about { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; margin-top: 12px; padding: 10px 18px; border: 1px solid var(--hbcss-line); border-radius: 14px; color: var(--hbcss-violet); font-weight: 800; text-decoration: none; }
  .hbcss-page--home .hbcss-home-evidence { padding-block: 52px; }
  .hbcss-page--home .hbcss-home-evidence > .hbcss-shell { gap: 26px; }
  .hbcss-page--home .hbcss-home-evidence h2 { font-size: clamp(2.25rem,9vw,3rem); }
  .hbcss-page--home .hbcss-home-evidence__stats { grid-template-columns: minmax(0,1fr); gap: 0; }
  .hbcss-page--home .hbcss-home-evidence__stats article { min-height: 78px; display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 16px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.2); }
  .hbcss-page--home .hbcss-home-evidence__stats article:last-child { grid-column: auto; }
  .hbcss-page--home .hbcss-home-evidence__stats strong { font-size: clamp(3.1rem,11vw,4rem); }
  .hbcss-page--home .hbcss-case-grid { gap: 14px; }
  .hbcss-page--home .hbcss-case__media { aspect-ratio: 2 / 1; }
  .hbcss-page--home .hbcss-case-grid article > div:last-child { gap: 11px; padding: 19px; }
  .hbcss-page--home .hbcss-case-grid h3 { font-size: clamp(1.65rem,6.7vw,2rem); }
  .hbcss-page--home .hbcss-case-grid p { line-height: 1.5; }
  .hbcss-page--home .hbcss-case-grid .hbcss-link { min-height: 44px; }
  .hbcss-page--home .hbcss-tokenization-spotlight { margin-top: 16px; }
  .hbcss-page--home .hbcss-home-routes { display: none; }
  .hbcss-page--home .hbcss-feature { gap: 24px; }
  .hbcss-page--home .hbcss-feature__media { min-height: 0; aspect-ratio: 3 / 2; background-position: center; }
  .hbcss-page--home .hbcss-feature .hbcss-section-head { margin-bottom: 28px; }
  .hbcss-page--home .hbcss-feature .hbcss-section-head h2 { font-size: clamp(2.25rem,9vw,2.9rem); line-height: 1.08; }
  .hbcss-page--home .hbcss-network { padding-block: 58px; }
  .hbcss-page--home .hbcss-network .hbcss-shell { gap: 28px; }
  .hbcss-page--home .hbcss-network__grid { gap: 9px; }
  .hbcss-page--home .hbcss-network__grid article { min-height: 78px; grid-template-columns: 46px minmax(0,1fr); gap: 12px; padding: 12px; }
  .hbcss-page--home .hbcss-network__grid article > b { width: 44px; height: 44px; border-radius: 12px; }
  .hbcss-page--home .hbcss-cta { padding-block: 58px; }
  .hbcss-page--home .hbcss-cta h2 { font-size: clamp(2.65rem,10vw,3.2rem); line-height: 1.02; }
  .hbcss-page--home .hbcss-cta__routes { display: none; }
}

@media (prefers-reduced-motion: reduce) { .hbcss-orbit,.hbcss-via-network i { animation: none; } .hbcss-button { transition: none; } }