.industries .lbl
/* ATOM Modular — brand system
 Primary Red #e51e25  |  Secondary Red #b02024
 Grey 1 #7f8fa0        |  Navy #0f2031
 Display: Aeonik Extended Bold (fallback: Arial Black / Archivo Black)
 Body:    Aeonik Regular (fallback: Helvetica / Archivo)                */
 
/* :root {*/
/*--red: #e51e25;*/
/*--red-2: #b02024;*/
/*--grey: #7f8fa0;*/
/*--grey-tint: #e6e9ed;*/
/*--navy: #0f2031;*/
/*--ink: #0f2031;*/
/*--paper: #ffffff;*/
/*--rule: #d7dde3;*/

/*--display: "Roboto", sans-serif;*/
/*--body:  "Roboto", sans-serif;*/

/*--maxw: 1440px;*/
/*--gutter: clamp(20px, 3vw, 48px);*/
/*}*/
 
 
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');  
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; font-family: "Roboto", sans-serif;   }
  body {
    font-family: "Roboto", sans-serif;
    color: #0f2031;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 1.5;
  }

  a { color: inherit; text-decoration: none; }
  img { display: block; max-width: 100%; }

  .wrap { max-width: 1440px; margin: 0 auto; padding: 0 clamp(20px, 3vw, 48px); }

  /* topbar*/
  .topbar {
    border-bottom: 1px solid #d7dde3;
    background: #ffffff;
    position: sticky; top: 0; z-index: 20;
  }
  .topbar-inner {
    display: flex; align-items: center; justify-content: space-between;
    height: 84px;
  }
  @media (max-width: 640px) {
    .topbar-inner { height: 72px; gap: 16px; }
  }
  .brand {
    display: flex; align-items: center; gap: 14px;
  }
  .brand img {
    height: 40px; width: auto;
    display: block;
  }
  .brand-sub {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #7f8fa0;
    padding-left: 14px;
    border-left: 1px solid #d7dde3;
    line-height: 1.2;
  }
  @media (max-width: 640px){ .brand-sub { display: none; } }
  footer .brand img { height: 48px; }

  .top-right { display: flex; align-items: center; gap: 28px; }
  .phone-btn {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    font-size: 14px;
    color: #0f2031;
    padding: 10px 14px;
    border: 1.5px solid #0f2031;
  }
  @media (max-width: 640px) {
    .phone-btn { font-size: 12px; padding: 8px 12px; gap: 6px; }
  }
  .phone-btn:hover { background: #e51e25;color: #fff;border-color: #e51e25; }
  .phone-btn:hover .dot{background: #fff;}
  .phone-btn .dot { width: 6px; height: 6px; background: #e51e25; border-radius: 50%; }
  .brand{pointer-events:none;}

  /* HERO BAR */
  .eyebrow {
    background: #0f2031;
    color: #fff;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 12px;
    padding: 10px 0;
  }
  .eyebrow-inner {
    display: flex; justify-content: space-between; align-items: center; gap: 24px;
    flex-wrap: wrap;
  }
  .eyebrow .pill {
    display: inline-flex; align-items: center; gap: 10px;
  }
  .eyebrow .pill::before {
    content: "";
    width: 8px; height: 8px; background: #e51e25;
  }
  .eyebrow .sep {
    color: #7f8fa0;
    letter-spacing: 0.18em;
  }

  /*PATH HEAD  */
  .path-head {
    padding: clamp(12px, 1.4vw, 20px) 0 clamp(8px, 1vw, 14px);
    border-bottom: 1px solid #d7dde3;
  }
  .path-head-inner {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap;
  }
  .path-head .kicker {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #e51e25;
    display: flex; align-items: center; gap: 12px;
    margin-bottom: 14px;
  }
  .path-head .kicker::before {
    content: ""; width: 40px; height: 2px; background: #e51e25;
  }
  .path-head h3 {
    font-family: "Roboto", sans-serif;
    font-size: clamp(22px, 2.4vw, 36px);
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 6px;
    color: #0f2031;
    max-width: none;
    text-align: left;
    white-space: nowrap;
  }
  @media (max-width: 640px) {
    .path-head h3 {
      white-space: normal;
    }
  }
  .path-head h3 .accent { color: #e51e25; }
  .path-head .path-sub {
    margin: 0;
    color: #7f8fa0;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    letter-spacing: 0.02em;
    max-width: none;
  }
  .path-head-stack { display: flex; flex-direction: column; }

  /* TWO DOORS */
  .doors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #d7dde3;
  }
  .door {
    position: relative;
    padding: clamp(28px, 3vw, 48px) clamp(28px, 4vw, 64px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: clamp(14px, 1.4vw, 20px);
    overflow: hidden;
    transition: background-color .35s ease, color .35s ease;
    min-height: 0;
  }

  .door.buy {
    background: #e51e25;
    color: #fff;
    background-image:
      linear-gradient(rgba(229,30,37,0.78), rgba(176,32,36,0.88)),
      url("assets/buy-bg.jpg");
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
  }
  .door.rent {
    background: #0f2031;
    color: #fff;
    background-image:
      linear-gradient(rgba(15,32,49,0.55), rgba(15,32,49,0.65)),
      url("assets/hire-bg.jpg");
    background-size: cover;
    background-position: center;
    border-left: 1px solid #d7dde3;
  }

  .door:hover { cursor: pointer; }
  .door.buy:hover {
    background-image:
      linear-gradient(rgba(200,26,32,0.72), rgba(160,28,32,0.86)),
      url("assets/buy-bg.jpg");
  }
  .door.rent:hover {
    background-image:
      linear-gradient(rgba(15,32,49,0.45), rgba(15,32,49,0.55)),
      url("assets/hire-bg.jpg");
  }

  .door-tag {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.92;
  }
  .door-tag .num {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    letter-spacing: 0;
  }
  .door-tag .line { flex: 1; height: 1px; background: currentColor; opacity: 0.35; max-width: 120px; }

  .door-title {
    font-family: "Roboto", sans-serif;
    font-size: clamp(56px, 9vw, 128px);
    line-height: 0.88;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 8px;
  }
  .door-title .amp {
    display: block;
    font-size: 0.42em;
    letter-spacing: 0.08em;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    opacity: 0.7;
    margin: 8px 0;
    text-transform: uppercase;
  }

  .door-desc {
    font-size: clamp(15px, 1.2vw, 17px);
    max-width: 44ch;
    line-height: 1.55;
    opacity: 0.92;
  }

  .door-cta {
    display: inline-flex; align-items: center; gap: 14px;
    align-self: flex-start;
    margin-top: 16px;
    padding: 18px 26px 18px 28px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-size: 16px;
    border: 1.5px solid currentColor;
    transition: all .25s ease;
  }
  .door.buy .door-cta { background: #fff; color: #e51e25; border-color: #fff; }
  .door.buy .door-cta:hover { background: #0f2031; color: #fff; border-color: #0f2031; }
  .door.rent .door-formerly { color: rgba(255,255,255,0.85); }
  .door.rent .door-formerly .formerly-logo { filter: brightness(0) invert(1); opacity: 0.95; }
  .door.rent .door-cta { background: #fff; color: #0f2031; border-color: #fff; }
  .door.rent .door-cta:hover { background: #e51e25; color: #fff; border-color: #e51e25; }

  .door-cta .arrow {
    width: 22px; height: 12px; position: relative; flex: 0 0 22px;
  }
  .door-cta .arrow::before {
    content: ""; position: absolute; inset: 5px 0 5px 0;
    background: currentColor;
  }
  .door-cta .arrow::after {
    content: ""; position: absolute;
    right: 0; top: 0;
    border-left: 10px solid currentColor;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }

  .door-meta {
    display: flex; gap: 32px;
    margin-top: 20px;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.85;
    flex-wrap: wrap;
  }
  @media (max-width: 640px) {
    .door-meta { gap: 12px; flex-direction: column; }
  }
  .door-meta span::before {
    content: "—";
    margin-right: 8px;
    opacity: 0.6;
  }

  .door-formerly {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: none;
    color: #7f8fa0;
    margin: -4px 0 10px;
    opacity: 0.85;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .door-formerly .formerly-logo {
    height: 16px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .door-url {
    margin-top: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.75;
  }

  /* Turnkey single-line strip */
  .turnkey-line {
    background: #0f2031;
    color: #fff;
    padding: 22px 0;
  }
  .turnkey-line-inner {
    display: flex; align-items: center; gap: 20px;
    flex-wrap: wrap;
  }
  .turnkey-line .tk-lbl {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #e51e25;
    display: inline-flex; align-items: center; gap: 12px;
    flex: 0 0 auto;
  
  }
  .turnkey-line .tk-lbl::before {
    display:none;
    content: ""; width: 28px; height: 2px; background: #e51e25;
  }
  .turnkey-line .tk-copy {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #e6ebf1;
    max-width: 80ch;
  }

  .door-graphic { display: none; }

  .door-graphic .g {
    position: absolute; border: 2px solid currentColor;
  }
  .door-graphic .g1 { inset: 0 120px 120px 0; }
  .door-graphic .g2 { inset: 60px 60px 60px 60px; }
  .door-graphic .g3 { inset: 120px 0 0 120px; }

  @media (max-width: 860px) {
    .doors { grid-template-columns: 1fr; min-height: 0; }
    .door { min-height: 0; }
    .door.rent { border-left: none; border-top: 1px solid #d7dde3; }
  }

  /* Atom icon watermark behind doors */
  .door.buy .door-graphic { display: none; }
  .door.buy::after { content: none; }

  /* VALUE PROP  */
  .valueprop {
    padding: clamp(20px, 2vw, 32px) 0 clamp(8px, 1vw, 16px);
    border-bottom: 1px solid #d7dde3;
    position: relative;
    overflow: hidden;
  }
  .valueprop .wrap { position: relative; z-index: 1; }
  .valueprop .kicker { margin-bottom: 24px; }
  .valueprop .vp-h {
    font-family: "Roboto", sans-serif;
    font-size: clamp(32px, 4.2vw, 58px);
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 20px;
    max-width: 768px;
    text-wrap: balance;
  }
  .valueprop .vp-sub {
    font-family: "Roboto", sans-serif;
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.5;
    color: #0f2031;
    max-width: none;
    margin: 0 0 28px;
    padding-left: 16px;
    border-left: 3px solid #e51e25;
    font-weight: 500;
  }
  .valueprop .vp-h .dark { color: #0f2031; display: inline; }
  .valueprop .vp-h .accent { color: #e51e25; display: inline; }
  .vp-body { max-width: none; }
  .vp-pattern {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(180px, 26vw, 360px);
    height: auto;
    opacity: 0.12;
    z-index: 0;
    pointer-events: none;
  }
  @media (max-width: 860px){ .vp-pattern { display: none; } }
  .valueprop h2 {
    font-family: "Roboto", sans-serif;
    font-size: clamp(40px, 5.4vw, 76px);
    line-height: 0.92;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 16px;
    color: #0f2031;
  }
  .valueprop h2 .dark { color: #0f2031; display: block; }
  .valueprop h2 .accent {
    color: #e51e25;
    display: block;
    margin-top: 0.2em;
  }
  .valueprop .kicker {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #e51e25;
    margin-bottom: 28px;
    display: flex; align-items: center; gap: 12px;
  }
  .valueprop .kicker::before {
    content: ""; width: 40px; height: 2px; background: #e51e25;
  }
  .valueprop p {
    font-size: 17px;
    line-height: 1.6;
    color: #0f2031;
    margin: 0 0 18px;
    max-width: none;
  }
  .valueprop p.lead {
    font-size: 19px;
    font-weight: 500;
  }

  .stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: #d7dde3;
    border: 1px solid #d7dde3;
    margin-top: 8px;
  }
  .stat {
    background: #fff;
    padding: 28px 24px;
  }
  .stat .num {
    font-family: "Roboto", sans-serif;
    font-size: clamp(40px, 4vw, 56px);
    line-height: 1;
    letter-spacing: -0.02em;
    color: #e51e25;
  }
  .stat .lbl {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 600;
    color: #0f2031;
  }

  @media (max-width: 860px) {
    .valueprop-inner { grid-template-columns: 1fr; }
  }

  /*  RANGE GRID */
  .range {
    padding: clamp(60px, 8vw, 120px) 0;
    background: #f5f7f9;
    border-bottom: 1px solid #d7dde3;
  }
  .section-head {
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 32px; flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .section-head h3 {
    font-family: "Roboto", sans-serif;
    font-size: clamp(32px, 3.6vw, 52px);
    line-height: 0.92;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0;
    color: #0f2031;
  }
  .section-head .kicker {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #e51e25;
    margin-bottom: 14px;
    display: flex; align-items: center; gap: 12px;
  }
  .section-head .kicker::before {
    content: ""; width: 40px; height: 2px; background: #e51e25;
  }
  .section-head p {
    max-width: 40ch; margin: 0;
    color: #0f2031;
    font-size: 15px;
    line-height: 1.55;
  }

  .range-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #d7dde3;
    border: 1px solid #d7dde3;
  }
  .range-item {
    background: #fff;
    padding: 24px 22px 28px;
    display: flex; flex-direction: column; gap: 14px;
    min-height: 220px;
    position: relative;
    transition: background .2s ease;
  }
  .range-item:hover { background: #fff; }
  .range-item:hover .range-name { color: #e51e25; }

  .range-thumb {
    height: 110px;
    background:
      repeating-linear-gradient( 45deg,
        #e6e9ed 0 10px,
        #eef1f4 10px 20px );
    position: relative;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
  }
  .range-thumb::after {
    content: attr(data-label);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8a97a6;
    background: #fff;
    padding: 4px 8px;
    border: 1px solid #d7dde3;
  }

  .range-num {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    letter-spacing: 0.08em;
    color: #7f8fa0;
  }
  .range-name {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 1.05;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #0f2031;
    transition: color .2s ease;
  }
  .range-tags {
    margin-top: auto;
    display: flex; gap: 6px; flex-wrap: wrap;
  }
  .range-tag {
    font-size: 10px;
    padding: 3px 8px;
    background: #f0f3f6;
    color: #0f2031;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
  }
  .range-tag.buy { background: #fde7e8; color: #b02024; }
  .range-tag.rent { background: #e4e8ec; color: #0f2031; }

  @media (max-width: 960px) {
    .range-grid { grid-template-columns: repeat(2, 1fr); }
  }
  
  @media (max-width: 520px) {
    .range-grid { grid-template-columns: 1fr; }
  }

  /*  TURNKEY STRIP */
  .turnkey {
    background: #0f2031;
    color: #fff;
    padding: clamp(60px, 8vw, 100px) 0;
  }
  .turnkey-inner {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: clamp(32px, 5vw, 80px);
    align-items: center;
  }
  .turnkey h3 {
    font-family: "Roboto", sans-serif;
    font-size: clamp(36px, 4.4vw, 64px);
    line-height: 0.9;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0;
  }
  .turnkey h3 .red { color: #e51e25; }
  .turnkey .kicker {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #e51e25;
    margin-bottom: 18px;
    display: flex; align-items: center; gap: 12px;
  }
  .turnkey .kicker::before {
    content: ""; width: 40px; height: 2px; background: #e51e25;
  }

  .steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.12);
  }
  .step {
    padding: 22px 20px;
    background: #0f2031;
    display: flex; flex-direction: column; gap: 12px;
    min-height: 170px;
  }
  .step .n {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    color: #e51e25;
  }
  .step .t {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
  }
  .step .d {
    font-size: 13px;
    line-height: 1.5;
    color: #cfd5dc;
    margin-top: auto;
  }

  @media (max-width: 960px){
    .turnkey-inner { grid-template-columns: 1fr; }
    .steps { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 520px){
    .steps { grid-template-columns: 1fr; }
  }

  /*  INDUSTRIES */
  .industries {
    padding: clamp(20px, 2vw, 32px) 0;
    border-bottom: 1px solid #d7dde3;
  }
  .industries-inner {
    display: flex; align-items: center; gap: 30px;
    flex-wrap: wrap;
  }
  .industries .lbl {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #e51e25;
    display: flex; align-items: center; gap: 12px;
    flex: 0 0 auto;
    white-space: nowrap;
    
  }
  .industries .lbl::before {
    content: ""; width: 40px; height: 2px; background: #e51e25;
    display:none;
  }
  .industries ul {
    list-style: none; margin: 0; padding: 0;
    display: contents; gap: 32px; flex-wrap: wrap;
    font-family: "Roboto", sans-serif;
    font-size: clamp(18px, 2vw, 26px);
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #0f2031;
  }
  @media (max-width: 860px) {
    .industries-inner { gap: 24px; }
    .industries ul { display: contents; }
  }
  @media (max-width: 640px) {
    .industries-inner { gap: 16px; }
  }
  .industries li {
    display: flex; align-items: center; gap: 14px;
    white-space: nowrap;
  }
  .industries li + li::before {
    content: ""; width: 8px; height: 8px; background: #e51e25;
    display: inline-block;
  }

  /*  FOOTER  */
  footer {
    background: #f5f7f9;
    padding: 48px 0 32px;
    font-size: 13px;
    color: #0f2031;
  }
  .foot {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #d7dde3;
  }
  .foot h5 {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin: 0 0 12px;
    color: #7f8fa0;
  }
  .foot a { display: block; padding: 3px 0; color: #0f2031; }
  .foot a:hover { color: #e51e25; }
  .foot .addr { color: #0f2031; line-height: 1.6; }
  .foot-bottom {
    padding-top: 20px;
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px;
    font-size: 12px;
    color: #7f8fa0;
    letter-spacing: 0.06em;
  }
  .foot-tag {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #0f2031;
    font-size: 12px;
  }
  .foot-tag .red { color: #e51e25; }

  .brand-signature {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f2031;
    display: inline-flex; align-items: center; gap: 10px;
    margin-top: 4px;
  }
  .brand-signature::before {
    content: ""; width: 18px; height: 2px; background: #e51e25;
  }

  @media (max-width: 820px){
    .foot { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 520px){
    .foot { grid-template-columns: 1fr 1fr; }
    .foot > div:nth-child(1),
    .foot > div:nth-child(2) {
      grid-column: span 2;
    }
  }
.door-cta .arrow::after{right:-2px;} 



.page-template-home-landing-page b{
  font-weight:900;
}