/* Intelligent Title — merged homepage (current + V4). Loads after it-visual-v4.css. */

/* Header: Price a Policy is a dominant action, next to Order */
.nav-link.nav-price { border: 1.5px solid var(--itb-teal); border-radius: 8px; padding: 9px 16px !important; color: var(--itb-teal) !important; font-weight: 700; background: var(--itb-teal-50); transition: background .2s, color .2s; }
.nav-link.nav-price:hover { background: var(--itb-teal); color: #fff !important; }

/* Hero: pitch left, IRIS console right */
.m-hero { padding-bottom: 72px; }
.m-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 48px; margin-top: 36px; }
.m-proof { font-size: 16px; line-height: 1.65; color: rgba(255,255,255,.8); max-width: 34em; margin: 0 0 24px; padding-left: 16px; border-left: 2px solid var(--itb-cyan); }
.m-proof b { color: #fff; display: block; margin-bottom: 4px; font-size: 17px; }
.m-hero-links { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.m-hero-links > div { margin: 0 !important; justify-content: flex-start !important; }
.m-hero .iris-video-pill { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(95,211,227,.35) !important; color: #fff !important; }
.m-hero .iris-video-pill .vp-label, .m-hero .iris-video-pill .vp-time { color: #fff !important; }
.m-console { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 0 0 1px rgba(63,227,240,.45), 0 30px 70px -30px rgba(0,0,0,.7), 0 0 40px rgba(63,227,240,.18); color: var(--itb-navy); }
.m-console-part { padding: 22px 24px; }
.m-console-price { background: linear-gradient(180deg, #F1F9FB, #fff); border-bottom: 1px solid #E1ECF1; }
.m-console-k { display: flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--itb-teal); margin: 0 0 8px; }
.m-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--itb-cyan); box-shadow: 0 0 0 4px rgba(63,227,240,.2); }
.m-dot-t { background: var(--itb-teal); box-shadow: 0 0 0 4px var(--itb-teal-100); }
.m-console-h { font-family: var(--serif, Georgia, serif); font-size: 21px; line-height: 1.25; font-weight: 700; margin: 0 0 14px; color: var(--itb-navy); }
.m-console .hero-iris-form { max-width: none !important; margin: 0 0 10px !important; }
.m-console .hero-iris-form input { border-color: #BFD6DF !important; background: #fff; }
.m-console-s { font-size: 13.5px; line-height: 1.55; color: #56657D; margin: 0; }
.m-console-btn { display: flex; justify-content: center; width: 100%; box-sizing: border-box; margin: 0 0 10px; font-size: 16px; }

/* What IRIS does: people behind IRIS */
.m-team { margin-top: 26px; display: flex; align-items: center; gap: 18px; padding: 18px 22px; border-radius: 16px; background: rgba(255,255,255,.07); border: 1px solid rgba(95,211,227,.3); }
.m-team p { margin: 0; flex: 1; color: rgba(255,255,255,.82); font-size: 15.5px; line-height: 1.6; }
.m-team b { color: #fff; }
.m-team .v4-ic { background: var(--itb-navy); color: var(--itb-cyan); border: 1px solid rgba(63,227,240,.5); }

/* Pipeline + October 1 answer side by side */
.m-oct-grid { max-width: 1060px; margin: 34px auto 0; display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 34px; align-items: start; }
.m-oct-grid .v4-oct { margin: 0; grid-template-columns: 1fr; }
.m-oct-grid .v4-oct-date { grid-row: auto; margin-bottom: 8px; }
.m-oct-convo { background: linear-gradient(160deg, #173763, var(--itb-ink)); }

/* Four ways: form leads */
.m-four { background: linear-gradient(180deg, #F1F7F9, #fff); padding: 56px 0 72px; }
.m-ways { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 20px; }
.m-way-main { display: flex; flex-direction: column; gap: 8px; padding: 28px; border-radius: 18px; text-decoration: none; background: linear-gradient(150deg, #13A0B3, var(--itb-teal)); color: #fff; box-shadow: 0 24px 50px -24px rgba(14,127,145,.7); transition: transform .25s var(--itb-ease), box-shadow .25s; }
.m-way-main:hover { transform: translateY(-4px); box-shadow: var(--itb-glow), 0 28px 54px -24px rgba(14,127,145,.8); }
.m-way-main .v4-ic { background: rgba(255,255,255,.16); color: #fff; }
.m-way-k { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #D8F7FB; margin-top: 6px; }
.m-way-main b { font-family: var(--serif, Georgia, serif); font-size: 26px; }
.m-way-main > span:not([class]) { font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.9); }
.m-way-go { margin-top: auto; padding-top: 14px; font-weight: 700; }
.m-way-alt { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.m-way-alt li { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #D5E3EA; border-radius: 14px; padding: 14px 18px; }
.m-way-alt b { display: block; color: var(--itb-navy); font-size: 16px; }
.m-way-alt li div span { color: #56657D; font-size: 14.5px; }
.m-way-alt .m-way-note { background: transparent; border: 1px dashed #BFD6DF; color: #3E4C63; font-size: 14px; line-height: 1.55; }

/* Assurance lead */
.m-pf-lead { font-size: 16.5px; line-height: 1.65; color: #3E4C63; max-width: 46em; margin: -6px 0 26px; }

/* Close over the chooser */
.m-xd-close { text-align: center; margin: 44px 0 26px; }
.m-xd-close .it-brandbar { justify-content: center; }
.m-xd-h { font-family: var(--serif, Georgia, serif); font-size: clamp(32px, 3.6vw, 48px) !important; color: #fff !important; margin: 22px 0 10px !important; line-height: 1.1; }
.m-xd-p { color: var(--itb-cyan-soft); font-size: 18px; font-weight: 600; margin: 0 auto; max-width: 36em; }

@media (max-width: 1100px) { .m-oct-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) {
  .m-hero-grid, .m-ways { grid-template-columns: 1fr; }
  .m-team { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 1180px) { .nav-link.nav-price { padding: 8px 12px !important; } }

/* v2 edits */
.m-does-sub { color: var(--itb-cyan-soft); font-size: 18px; font-weight: 600; margin: -14px 0 28px; }
.m-exec-hook { text-align: center; font-size: 18px; font-weight: 600; color: var(--itb-teal); max-width: 36em; margin: -4px auto 14px; }
.v4-roles li { grid-template-columns: 130px 1fr; }
.v4-roles span { line-height: 1.5; }
.m-core-roles { font-size: 15px !important; color: var(--itb-cyan-soft) !important; font-weight: 600; border-top: 1px solid rgba(95,211,227,.25); padding-top: 16px; }
.m-xd-brand { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--itb-cyan); margin: 22px 0 0; }
.m-xd-close .m-xd-h { margin-top: 10px !important; }