:root{--qint-blue:#1f4e79;--qint-blue-dark:#173a5e;--qint-blue-light:#eaf2f8;--qint-text:#25313c;--qint-muted:#667685;--qint-bg:#f7f9fb;--qint-border:#dbe3ea}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--qint-text);line-height:1.6}
.navbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--qint-border);backdrop-filter:blur(8px)}
.navbar-brand{color:var(--qint-blue-dark);font-weight:700}.nav-link{color:#40505f}.nav-link:hover{color:var(--qint-blue)}
.hero{padding:5.5rem 0 4.5rem;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.97) 43%,rgba(255,255,255,.60) 67%,rgba(255,255,255,.18) 100%),url("../images/hero/ai-readiness-hero.png") right center/cover no-repeat}
.hero-kicker{color:var(--qint-blue);text-transform:uppercase;letter-spacing:.09em;font-size:.78rem;font-weight:700;margin-bottom:1rem}
.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;font-weight:750;color:var(--qint-blue-dark);margin-bottom:1rem}
.hero .lead{max-width:720px;font-size:clamp(1.02rem,1.8vw,1.28rem);color:#465766}.hero-tags{color:var(--qint-blue);font-weight:600;margin-top:1.4rem}
.intro-section{padding:3.5rem 0 1.5rem}.intro-copy{max-width:880px;margin:0 auto;text-align:center;font-size:1.08rem;color:#4d5e6d}
.gateway-section{padding:2rem 0 5rem}.section-title{text-align:center;color:var(--qint-blue-dark);font-weight:700}.section-subtitle{text-align:center;color:var(--qint-muted);max-width:760px;margin:0 auto 2.5rem}
.gateway-card{height:100%;border:1px solid var(--qint-border);border-radius:1rem;background:#fff;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:.18s}
.gateway-card:hover{transform:translateY(-4px);border-color:#aac1d4;box-shadow:0 12px 28px rgba(31,78,121,.12);color:inherit}
.gateway-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--qint-border)}.gateway-card-body{padding:1.35rem}
.gateway-card h2{font-size:1.17rem;color:var(--qint-blue-dark);font-weight:700}.gateway-card p{color:#5b6a77;font-size:.95rem}.gateway-link{color:var(--qint-blue);font-weight:650;font-size:.9rem}.ai-card{border-top:4px solid var(--qint-blue)}
.quick-links{background:var(--qint-bg);border-top:1px solid var(--qint-border);padding:2.8rem 0}.quick-link{color:var(--qint-blue-dark);text-decoration:none;font-weight:600}
footer{background:var(--qint-blue-dark);color:rgba(255,255,255,.86);padding:2.2rem 0;font-size:.9rem}footer a{color:#fff;text-decoration:none}
.placeholder-page{min-height:72vh;display:flex;align-items:center}
@media(max-width:767.98px){.hero{padding:4.5rem 0 3.2rem;background:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.95)),url("../images/hero/ontario-ai-readiness-map-placeholder.jpg") center/cover no-repeat}}
.professional-links {
  background: #f8f9fa;
}

.professional-links a {
  color: #315f87;
  font-weight: 500;
}

.professional-links a:hover {
  color: #1f4565;
  text-decoration: underline !important;
}

.professional-links span[aria-hidden="true"] {
  font-size: .8em;
  margin-left: .1rem;
}
@media (max-width: 767.98px) {
  .hero {
    background-image: none !important;
    background-color: #fff;
    padding-bottom: 2.5rem;
  }
}