/* "Ask your building" messaging blocks, shared by the platform, CRE and connect-your-AI pages.
   Uses the page's own .btn / .btn--amber / .btn--outline and the site color tokens. */

/* ---- Three verbs: Ask / Keep true / Show ---- */
.vb { padding: 96px 0; }
.vb__head { text-align: center; max-width: 780px; margin: 0 auto 52px; }
.vb__tag { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #0d0a02; margin-bottom: 16px; }
.vb__head h2 { font-size: clamp(2rem, 3vw, 2.7rem); font-weight: 500; letter-spacing: -0.01em; line-height: 1.2; margin: 0 0 16px; color: #0d0a02; }
.vb__head p { font-size: 18px; line-height: 1.6; color: #6E6E73; margin: 0; }
.vb__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }
@media (max-width: 900px) { .vb__grid { grid-template-columns: 1fr; } }
.vb__card { background: var(--color-grey); border: 1px solid rgba(13,10,2,0.07); padding: 34px 30px; display: flex; flex-direction: column; gap: 12px; }
.vb__n { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #FCBF20; color: #0d0a02; font-weight: 700; font-size: 17px; }
.vb__card h3 { font-size: 22px; font-weight: 600; color: #0d0a02; margin: 0; line-height: 1.25; }
.vb__card p { font-size: 15.5px; line-height: 1.62; color: #6E6E73; margin: 0; }
.vb__line { text-align: center; max-width: 720px; margin: 44px auto 0; font-size: 19px; line-height: 1.5; color: #0d0a02; font-weight: 500; }

/* ---- Ready to hook AI into your building? Three ways in ---- */
.paths { padding: 104px 0; background: var(--color-grey); }
.paths__head { text-align: center; max-width: 760px; margin: 0 auto 52px; }
.paths__head h2 { font-size: clamp(2.1rem, 3.4vw, 3rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.14; margin: 0 0 16px; color: #0d0a02; }
.paths__head p { font-size: 18px; line-height: 1.55; color: #6E6E73; margin: 0; }
.paths__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }
@media (max-width: 900px) { .paths__grid { grid-template-columns: 1fr; } }
.path { background: var(--color-off-white); border: 1px solid rgba(13,10,2,0.07); padding: 36px 32px 34px; display: flex; flex-direction: column; gap: 14px; }
.path__tag { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #0d0a02; background: #FCBF20; padding: 5px 10px; }
.path h3 { font-size: 24px; font-weight: 600; color: #0d0a02; margin: 4px 0 0; line-height: 1.2; }
.path p { flex: 1; font-size: 16px; line-height: 1.6; color: #6E6E73; margin: 0 0 8px; }
.path .btn { align-self: flex-start; }
.paths__note { text-align: center; max-width: 760px; margin: 36px auto 0; font-size: 15.5px; line-height: 1.6; color: #6E6E73; }
.paths__note a { color: #0d0a02; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }