/* Taaji Consulting 2.0 — Homepage additions */
:root {
  --tajii-blue: #0b5ed7;
  --tajii-cyan: #16c7e8;
  --tajii-dark: #071a33;
  --tajii-muted: #5c6b7a;
  --tajii-soft: #f4f8fc;
}
.hero-v2 {
  position: relative;
  min-height: 680px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 20%, rgba(22,199,232,.22), transparent 28%),
    radial-gradient(circle at 15% 80%, rgba(11,94,215,.20), transparent 30%),
    linear-gradient(125deg, #06162d 0%, #0a2850 52%, #073b62 100%);
}
.hero-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 55px 55px;
  mask-image: linear-gradient(to bottom, black, transparent 85%);
}
.hero-v2 .container { position: relative; z-index: 2; }
.hero-v2-content { max-width: 850px; padding: 95px 0 80px; }
.hero-kicker {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: #8cecff;
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .16em;
  margin-bottom: 20px;
}
.hero-kicker::before { content: ""; width: 34px; height: 2px; background: var(--tajii-cyan); }
.hero-v2 h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.7rem, 6vw, 5.4rem);
  line-height: 1.02;
  letter-spacing: -.045em;
  max-width: 820px;
}
.hero-v2 h1 span { color: #64e5f6; }
.hero-v2-lead {
  color: rgba(255,255,255,.82);
  font-size: 1.15rem;
  line-height: 1.75;
  max-width: 730px;
  margin: 28px 0 34px;
}
.hero-v2-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-v2-actions .btn { border-radius: 8px; padding: 14px 24px; }
.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 42px;
  color: rgba(255,255,255,.7);
  font-size: .9rem;
}
.hero-proof strong { color: #fff; display: block; font-size: 1rem; margin-bottom: 3px; }
.tajii-intro { background: #fff; }
.tajii-intro-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 70px;
  align-items: center;
}
.tajii-eyebrow {
  color: var(--tajii-blue);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .78rem;
  font-weight: 800;
}
.tajii-intro h2, .tajii-section-heading h2 {
  color: var(--tajii-dark);
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.12;
  margin: 12px 0 20px;
}
.tajii-intro p { color: var(--tajii-muted); line-height: 1.8; font-size: 1.04rem; }
.tajii-intro-points { display: grid; gap: 14px; margin-top: 26px; }
.tajii-point {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 16px 18px; border: 1px solid #e5edf5; border-radius: 12px; background: #fbfdff;
}
.tajii-point-mark { color: var(--tajii-blue); font-weight: 900; }
.tajii-intro-panel {
  padding: 36px; border-radius: 20px;
  background: linear-gradient(145deg, #f3f9ff, #eaf7fb);
  border: 1px solid #dcebf5;
}
.tajii-intro-panel .big-number { font-size: 4rem; font-weight: 900; color: var(--tajii-blue); line-height: 1; }
.tajii-intro-panel h3 { color: var(--tajii-dark); margin: 12px 0 10px; }
.tajii-intro-panel p { font-size: .95rem; margin: 0; }
.tajii-expertises { background: var(--tajii-soft); }
.tajii-section-heading { max-width: 760px; margin-bottom: 42px; }
.tajii-section-heading p { color: var(--tajii-muted); line-height: 1.7; font-size: 1.05rem; }
.expertise-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px;
}
.expertise-card {
  background: #fff; border: 1px solid #e1eaf2; border-radius: 16px;
  padding: 28px 22px; min-height: 255px; transition: .25s ease;
}
.expertise-card:hover { transform: translateY(-5px); box-shadow: 0 16px 35px rgba(7,26,51,.09); border-color: #c5dff1; }
.expertise-number { color: #a9bacb; font-weight: 800; font-size: .8rem; }
.expertise-card h3 { color: var(--tajii-dark); font-size: 1.12rem; margin: 16px 0 12px; }
.expertise-card p { color: var(--tajii-muted); font-size: .91rem; line-height: 1.65; }
.business360 {
  background: linear-gradient(135deg, #06162d 0%, #0a315d 100%);
  color: #fff; overflow: hidden;
}
.business360-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; align-items: center; }
.business360 h2 { color: #fff; font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: 1.08; margin: 10px 0 20px; }
.business360 p { color: rgba(255,255,255,.75); line-height: 1.75; }
.business360 .tajii-eyebrow { color: #67e6f5; }
.b360-dashboard {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
  padding: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px; transform: rotate(1deg);
}
.b360-tile { background: rgba(255,255,255,.95); color: var(--tajii-dark); padding: 20px; border-radius: 12px; }
.b360-tile small { color: #687789; display: block; margin-bottom: 7px; }
.b360-tile strong { font-size: 1.5rem; }
.b360-cta { margin-top: 26px; display: inline-block; }
.methodology { background: #fff; }
.method-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.method-step { position: relative; padding: 25px 18px; border-top: 3px solid var(--tajii-blue); background: #f7fafd; }
.method-step span { font-size: .78rem; font-weight: 900; color: var(--tajii-blue); }
.method-step h3 { color: var(--tajii-dark); margin: 10px 0 8px; font-size: 1.05rem; }
.method-step p { color: var(--tajii-muted); font-size: .88rem; line-height: 1.55; }
.sectors-v2 { background: var(--tajii-soft); }
.sector-list-v2 { display:grid; grid-template-columns: repeat(4,1fr); gap:14px; }
.sector-pill { background:#fff; padding:20px; border-radius:12px; border:1px solid #e1eaf2; }
.sector-pill strong { color:var(--tajii-dark); display:block; margin-bottom:6px; }
.sector-pill span { color:var(--tajii-muted); font-size:.88rem; }
.talents-academy { background:#fff; }
.ta-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.ta-card { padding:36px; border-radius:18px; border:1px solid #dfE9f2; }
.ta-card.dark { background:#071a33; color:#fff; border-color:#071a33; }
.ta-card h3 { font-size:1.7rem; margin:0 0 14px; color:var(--tajii-dark); }
.ta-card.dark h3 { color:#fff; }
.ta-card p { color:var(--tajii-muted); line-height:1.7; }
.ta-card.dark p { color:rgba(255,255,255,.75); }
.ta-link { display:inline-block; margin-top:16px; font-weight:800; color:var(--tajii-blue); }
.ta-card.dark .ta-link { color:#69e5f5; }
.final-cta-v2 { background:linear-gradient(135deg,#0b5ed7,#087d9c); color:#fff; text-align:center; }
.final-cta-v2 h2 { color:#fff; font-size:clamp(2rem,4vw,3.3rem); margin:0 0 15px; }
.final-cta-v2 p { color:rgba(255,255,255,.82); max-width:650px; margin:0 auto 25px; line-height:1.7; }
@media (max-width: 1050px) {
  .expertise-grid { grid-template-columns: repeat(3,1fr); }
  .method-grid { grid-template-columns: repeat(3,1fr); }
  .sector-list-v2 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 800px) {
  .hero-v2 { min-height: 620px; }
  .tajii-intro-grid,.business360-grid,.ta-grid { grid-template-columns:1fr; gap:35px; }
  .expertise-grid,.method-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
  .hero-v2-content { padding:75px 0 60px; }
  .hero-v2 h1 { font-size:2.55rem; }
  .hero-proof { gap:16px; }
  .expertise-grid,.method-grid,.sector-list-v2 { grid-template-columns:1fr; }
  .b360-dashboard { grid-template-columns:1fr; }
}