/* Redsis hub layer: page-specific CSS for the hub pages (About today; Solutions and Services next).
   Loaded ONLY by the pages that pass it to layout.page(styles=...): its type rules also restyle the
   homepage's hv-* components, so it must never be linked site-wide.
   Source: Boundless Marketing's About preview (Oct 20 2026), 4th <style> block, verbatim below. */
/* ==== Hub pages (Solutions, Services), Oct 2026 ====
   Builds on redsis.css v10.05.01 and its homepage (hv-*) components.
   Tokens only; no new colors. Fold into redsis.css when convenient. */
#main [id]{scroll-margin-top:calc(var(--header-h) + 18px)}

/* hero */
.hub-hero .hv-hero-grid{padding-top:0}
.hub-crumbs{margin-bottom:18px}
.hub-crumbs a{color:#B9CCD6}
.hub-crumbs span{color:#9FB6C1}
.hub-hero .hv-hero h1,.hub-hero h1{max-width:17ch}
.hub-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px}
.hub-proof.n-2,.hub-proof.n-3{grid-template-columns:repeat(var(--n),minmax(0,1fr));max-width:calc(var(--n) * 330px)}
.hub-proof.n-2{--n:2}.hub-proof.n-3{--n:3}
.hub-proof .hv-proof-item{display:flex;align-items:center;gap:16px}
.hub-proof .hv-proof-ic{margin:0;flex:0 0 auto}

/* shared icon chip, same look as the homepage model/node icons */
.hub-ic{width:48px;height:48px;border-radius:50%;background:#EAF4FA;border:1px solid #CDE6F3;color:var(--sky);
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.hub-ic svg{width:23px;height:23px}
.hub-ic.sm{width:30px;height:30px;border:0}
.hub-ic.sm svg{width:16px;height:16px}

/* opening: partner logos, full color */
.hub-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:0 auto;max-width:1060px}
.hub-logos li{background:#fff;border:1px solid var(--gray-150);border-radius:12px;box-shadow:var(--shadow-sm);
  width:156px;height:84px;display:flex;align-items:center;justify-content:center;padding:14px 18px}
.hub-logos img{max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain}
.hub-logos img.badge{max-height:50px}
.hub-partner-logos img.badge{max-height:54px}

/* jump strip */
.hub-jump{background:var(--sky-softer);padding:52px 0}
.hub-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hub-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:#fff;
  border:1px solid var(--gray-150);border-radius:12px;padding:22px 14px;font-weight:700;font-size:15px;
  color:#0F3049;line-height:1.3;box-shadow:var(--shadow-sm);transition:.18s var(--ease)}
.hub-tile:hover{text-decoration:none;border-color:var(--sky);transform:translateY(-3px);box-shadow:var(--shadow-md)}
.hub-flow{margin:8px 0 0}
.hub-flow.n-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.hub-node{display:block;text-align:center;text-decoration:none!important}
.hub-node .hv-node-ic{transition:.18s var(--ease)}
.hub-node:hover .hv-node-ic{background:var(--yellow);border-color:var(--yellow);color:var(--black)}
.hub-node .hv-verb{display:block}

/* intro */
.hub-intro{padding-bottom:20px}
.hub-intro .hv-head{margin-bottom:0}

/* family / service section */
.hub-fam{background:#fff}
.hub-tint{background:var(--sky-soft)}
.hub-fam-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:40px}
.hub-fam-head.flip .hub-fam-media{order:-1}
.hub-fam-ic{width:56px;height:56px;border-radius:50%;background:var(--sky);color:#fff;display:flex;
  align-items:center;justify-content:center;margin-bottom:18px}
.hub-fam-ic svg{width:26px;height:26px}
.hub-fam-copy h2{font-size:clamp(26px,2.9vw,36px);color:#0F3049;line-height:1.16;margin-bottom:16px}
.hub-fam-copy p{font-size:16.5px;color:var(--gray-700);line-height:1.62}
.hub-fam-media .ph{width:100%;aspect-ratio:16/10;box-shadow:var(--shadow-lg);border-radius:14px}
.hub-cred{display:inline-block;margin:0!important;padding:8px 14px;border-radius:999px;background:#fff;
  border:1px solid #CDE6F3;font-size:13.5px!important;font-weight:700;color:#0F3049!important}
.hub-tint .hub-cred{border-color:#CDE6F3}
.hub-cards{display:grid;gap:22px}
.hub-cards.c-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-cards.c-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-card{background:#fff;border:1px solid var(--gray-150);border-radius:12px;padding:28px 26px;box-shadow:var(--shadow-sm)}
.hub-fam:not(.hub-tint) .hub-card{background:#FBFCFD}
.hub-card .hub-ic{margin-bottom:18px}
.hub-card h3{font-size:18px;color:#0F3049;line-height:1.28;margin-bottom:10px}
.hub-card h3 a{color:var(--blue)}
.hub-card p{font-size:14.5px;color:var(--gray-600);line-height:1.6;margin:0}
.hub-more{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.hub-more.center{justify-content:center}

/* results (dark band) */
.hub-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hub-result{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:30px 28px}
.hub-result .hub-ic{background:rgba(255,213,0,.12);border-color:rgba(255,213,0,.35);color:var(--yellow);margin-bottom:18px}
.hub-result h3{color:var(--yellow)!important;font-size:21px;line-height:1.25;margin-bottom:10px}
.hub-result p{color:#BCD0DB;font-size:15px;line-height:1.6;margin:0}

/* partners */
.hub-partners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hub-partner{background:#fff;border-radius:12px;padding:26px 26px 24px;box-shadow:var(--shadow-sm);border:1px solid #fff}
.hub-partner-logos{height:64px;display:flex;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:16px;
  border-bottom:1px solid var(--gray-150);box-sizing:content-box}
.hub-partner-logos img{max-height:40px;max-width:130px;width:auto;height:auto;object-fit:contain}
.hub-partner h3{font-size:16.5px;color:#0F3049;margin-bottom:8px;line-height:1.3}
.hub-partner p{font-size:14.5px;color:var(--gray-600);line-height:1.58;margin:0}
.hub-standards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.hub-standards li{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:7px 18px 7px 8px;
  font-size:14px;font-weight:700;color:#0F3049;box-shadow:var(--shadow-sm)}

/* bridge + order fulfillment */
.hub-of-sec{padding-top:30px}
.hub-bridge .hv-feat{margin-top:0}
.hv-feat > img.ph{height:100%;min-height:340px}
.hv-feat-body h2{font-size:clamp(24px,2.5vw,32px);color:#0F3049;line-height:1.18;margin-bottom:16px}
.hv-feat-body p{font-size:15.5px;color:var(--gray-700);line-height:1.62}
.hub-of .hv-feat-body .hub-fam-ic{margin-bottom:16px}
.hub-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:22px}
.hub-links.center{justify-content:center}

/* we own */
.hub-owns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.hub-own{background:#fff;border-radius:12px;padding:28px 24px;box-shadow:var(--shadow-sm)}
.hub-own .hub-ic{margin-bottom:16px}
.hub-own-big{font-size:24px;font-weight:800;color:#0F3049;letter-spacing:-.02em;line-height:1.15;margin:0 0 4px!important}
.hub-own-lbl{font-size:15px;font-weight:700;color:var(--sky-text);line-height:1.35;margin:0 0 12px!important}
.hub-own p:last-child{font-size:14.5px;color:var(--gray-600);line-height:1.58;margin:0}
.hub-foot-note{text-align:center;font-size:13px;color:var(--gray-700);margin:26px 0 0}

/* closing CTA */

@media (max-width:1024px){
  .hub-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hub-fam-head{grid-template-columns:minmax(0,1fr);gap:30px}
  .hub-fam-head.flip .hub-fam-media{order:0}
  .hub-cards.c-3,.hub-partners,.hub-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-owns{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-flow.n-5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .hub-flow.n-5 .hv-node:nth-child(4)::before,.hub-flow.n-5 .hv-node:nth-child(4)::after{display:none}
}
@media (max-width:720px){
  .hub-proof.n-2,.hub-proof.n-3{grid-template-columns:minmax(0,1fr);max-width:none}
  .hub-proof .hv-proof-item{padding:14px 0}
  .hub-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-tile:last-child{grid-column:1/-1}
  .hub-cards.c-2,.hub-cards.c-3,.hub-partners,.hub-results-grid,.hub-owns{grid-template-columns:minmax(0,1fr)}
  .hub-flow.n-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-flow.n-5 .hv-node:nth-child(5){grid-column:1/-1}
  .hub-logos li{width:calc(50% - 9px)}
  .hv-feat > img.ph{min-height:220px}
}

/* ==== Type system (Oct 19 review) ====
   One scale for both hubs. Minimum 14px anywhere; 16px for reading text.
   Light backgrounds: headings --hub-ink, text --hub-body, links --blue, labels --hub-amber.
   Every pairing measured at 4.5:1 or better against its worst-case background. */
:root{--hub-ink:#0F3049;--hub-body:#5A5A57;--hub-amber:#7A5C00}

/* labels (uppercase eyebrows): 14px / 800 */
#main .hv-kick,#main .hub-fam-copy .hv-kick{font-size:14px;font-weight:800;letter-spacing:.16em;line-height:1.4;
  text-transform:uppercase;color:var(--hub-amber);margin:0 0 14px}
#main .hv-dark .hv-kick{color:var(--yellow)}
#main .hv-hero-eyebrow{font-size:14px}

/* breadcrumbs on the blue hero: 14px, no dimming */
.hub-crumbs{font-size:14px}
.hub-crumbs a{color:#DDE7EC}
.hub-crumbs span{color:#DDE7EC;opacity:1}

/* H2: the site's own h2 scale everywhere on light backgrounds */
.hv-head h2,.hub-fam-copy h2,.hv-feat-body h2{font-size:clamp(28px,3.1vw,38px);line-height:1.16;color:var(--hub-ink)}
.hv-dark .hv-head h2{color:#fff}

/* intro paragraphs: 18px */
.hv-head .hv-sub,.hub-fam-copy p,.hv-feat-body p{font-size:18px;line-height:1.6;color:var(--hub-body)}

/* H3: 19px; results headlines 22px */
.hub-card h3,.hub-partner h3{font-size:19px;line-height:1.3;color:var(--hub-ink)}
.hub-result h3{font-size:22px}

/* card titles that link: same navy as the rest, marked by an arrow */
.hub-card h3 a{color:var(--hub-ink)}
.hub-card h3 a::after{content:"\2192" / "";color:var(--blue);margin-left:8px;display:inline-block;transition:transform .16s var(--ease)}
.hub-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:4px}
.hub-card h3 a:hover::after{transform:translateX(3px)}

/* reading text: 16px */
.hub-card p,.hub-partner p,.hub-own p:last-child,.hv-faq-a p{font-size:16px;line-height:1.62;color:var(--hub-body)}
.hub-result p{font-size:16px;line-height:1.62;color:#DDE7EC}   /* #BCD0DB measured 4.08:1 at the gradient's light edge */

/* small text: 14px minimum */
.hub-cred,.hub-standards li{font-size:14px!important}
.hub-foot-note{font-size:14px;color:var(--hub-body)}

/* labels and links */
.hub-own-lbl{font-size:16px!important}
.hub-tile{font-size:16px}
#main .hv-alink{font-size:16px;font-weight:800;color:var(--blue)}
#main .hv-alink.on-dark,#main .hv-dark .hv-alink{color:var(--yellow)}

@media (max-width:720px){
  .hv-head .hv-sub,.hub-fam-copy p,.hv-feat-body p{font-size:17px}
  .hub-card h3,.hub-partner h3{font-size:18px}
}

/* keyboard focus ring for tile links (class rules were overriding the site-wide :focus-visible ring) */
.hub-tile:focus-visible,.hub-node:focus-visible{outline:3px solid var(--black-2);outline-offset:2px;box-shadow:0 0 0 6px var(--yellow)}
/* Oct 20: one light body color on every dark band, section-lede size for CTA body, FAQ questions match card titles */
.hv-dark .hv-lede,.hv-cta p{color:#DDE7EC}
.hv-cta p{font-size:18px}
.hv-faq summary,#faq summary{font-size:19px}
@media (max-width:720px){.hv-cta p{font-size:17px}.hv-faq summary,#faq summary{font-size:18px}}
.hv-cta h2{font-size:clamp(28px,3.4vw,38px)}

/* About hub additions (same tokens and type scale as the hub pages) */
.hub-card{display:flex;flex-direction:column}
.hub-card .hub-card-link{margin-top:auto;padding-top:16px}
.hub-story .hv-feat-body .hv-kick{margin-bottom:10px}
.hub-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.hub-value{background:#fff;border-radius:12px;padding:26px 22px;box-shadow:var(--shadow-sm);text-align:center}
.hub-value .hub-ic{margin:0 auto 14px}
.hub-value h3{font-size:19px;color:var(--hub-ink);line-height:1.3;margin-bottom:8px}
.hub-value p{font-size:16px;color:var(--hub-body);line-height:1.58;margin:0}
.hub-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:960px;margin:0 auto}
.hub-person{background:#FBFCFD;border:1px solid var(--gray-150);border-radius:12px;padding:30px 24px;text-align:center;box-shadow:var(--shadow-sm)}
.hub-mono{width:88px;height:88px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--teal-mid),var(--teal-bright));color:#fff;font-weight:800;font-size:26px;letter-spacing:.04em}
.hub-person h3{font-size:19px;color:var(--hub-ink);margin-bottom:4px}
.hub-person p{font-size:16px;color:var(--hub-body);margin:0}
.hub-creds .hv-head .hv-sub{color:#DDE7EC}
.hub-creds .hub-logos li{border-color:rgba(255,255,255,.2)}
.hub-cred-dark{text-align:center;color:#fff;font-weight:700;font-size:16px;margin:28px 0 0}
.hub-creds .hub-standards{margin-top:18px}
.hub-tiles.t-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-tile-desc{align-items:flex-start;text-align:left;gap:8px;padding:22px 22px}
.hub-tile-desc .hub-ic{margin-bottom:6px}
.hub-tile-t{font-size:17px;font-weight:800;color:var(--hub-ink)}
.hub-tile-d{font-size:16px;font-weight:400;color:var(--hub-body);line-height:1.5}
.hv-cta h2 br{display:block}
@media (max-width:1024px){
  .hub-values{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hub-tiles.t-6{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .hub-values,.hub-people,.hub-tiles.t-6{grid-template-columns:minmax(0,1fr)}
  .hub-tiles.t-6 .hub-tile:last-child{grid-column:auto}
}
#who-we-are .hv-head{margin-bottom:0}
.hv-cta h2,.hv-head h2,.hub-story h2{text-wrap:balance}
@media (max-width:720px){
  .hub-person{display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:center;text-align:left;padding:18px 20px}
  .hub-person .hub-mono{width:64px;height:64px;font-size:20px;margin:0;grid-row:1 / span 2}
  .hub-person h3{margin:0;align-self:end}
  .hub-person p{align-self:start}
  .hub-people{gap:14px}
}
/* v11: four-step story band and six-card strengths grid */
.hub-why .hv-head h2{color:#fff}
.hub-steps{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:step}
.hub-step{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:26px 22px}
.hub-step::before{counter-increment:step;content:"0" counter(step);display:block;font-weight:800;font-size:15px;letter-spacing:.08em;color:var(--yellow);margin-bottom:12px}
.hub-step:nth-child(3){border-color:rgba(255,213,0,.6);background:rgba(255,213,0,.07)}
.hub-step h3{color:#fff;font-size:19px;line-height:1.3;margin:0 0 10px}
.hub-step p{color:#DDE7EC;font-size:16px;line-height:1.6;margin:0}
#who-we-are .hv-head{max-width:860px;margin-left:auto;margin-right:auto}
@media (max-width:1024px){.hub-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.hub-steps{grid-template-columns:minmax(0,1fr)}}
.hub-proof.n-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hub-proof.n-4 .hv-proof-big{white-space:nowrap}
@media (max-width:1024px){.hub-proof.n-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.hub-proof.n-4 .hv-proof-item{padding:14px 0}}
@media (max-width:720px){.hub-proof.n-4{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.hub-proof.n-4 .hv-proof-big{white-space:normal}}
/* v14: payoff close under the story steps, Miramar spotlight, values on white */
.hub-why-close{margin:36px auto 0;text-align:center;color:#fff;font-weight:800;font-size:clamp(22px,2.4vw,28px);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.hub-flip{direction:rtl}.hub-flip > *{direction:ltr}
.hub-story .hv-feat-body .hv-alink{display:inline-flex;margin-top:6px}
#values .hub-value{border:1px solid var(--gray-150)}
#leadership .hub-person{background:#fff}
@media (max-width:720px){.hub-value h3,.hub-person h3{font-size:18px}}
@media (max-width:720px){.hub-step h3{font-size:18px}}
/* v15: five About tiles (Leadership page held until it is live) */
.hub-tiles.t-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1024px){.hub-tiles.t-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.hub-tiles.t-5{grid-template-columns:minmax(0,1fr)}}
/* v16: every box on About centers its icon or number, headline and text, matching the values and leadership cards */
#what-sets-us-apart .hub-card{text-align:center;align-items:center}
#what-sets-us-apart .hub-card .hub-ic{margin:0 auto 18px}
.hub-tile-desc{align-items:center;text-align:center}
.hub-tile-desc .hub-ic{margin:0 auto 6px}
.hub-step{text-align:center}
/* v17: no highlighted step; one type scale for every box title; leadership centered on phone too */
.hub-step:nth-child(3){border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
.hub-tile-t{font-size:19px;font-weight:700;line-height:1.3}
@media (max-width:720px){
  .hub-tile-t{font-size:18px}
  .hub-person{display:block;text-align:center;padding:26px 22px}
  .hub-person .hub-mono{width:72px;height:72px;font-size:22px;margin:0 auto 14px}
  .hub-person h3{margin:0 0 4px}
}
/* FAQ questions are H3s inside the summary (heading outline for search and screen readers); look unchanged */
.hv-faq-q{font:inherit;color:inherit;margin:0;display:inline}
#faq .hv-head{margin-bottom:28px}
#faq .hv-head{text-align:center;margin-left:auto;margin-right:auto}

  
/* Redsis, Oct 22 2026: four leadership cards (Mario and Antonio co-founders, Jorge CEO, Mike CTO).
   The layer above lays out three. */
.hub-people.n-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px}
@media (max-width:1024px){.hub-people.n-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}}
@media (max-width:720px){.hub-people.n-4{grid-template-columns:minmax(0,1fr)}}
/* Headshots replace the initials in the same circle once static/img/foto/leader-*.webp exist (pages_about._headshot). */
.hub-mono.hub-photo{overflow:hidden;background:var(--gray-150)}
.hub-mono.hub-photo img{width:100%;height:100%;object-fit:cover;display:block}