.breadcrumb { font-size: 0.875rem; color: var(--text-light); margin-bottom: 1rem; }
 .breadcrumb a { color: rgba(255,255,255,0.7); }
 .breadcrumb a:hover { color: var(--white); }
 .breadcrumb span { margin: 0 8px; color: rgba(255,255,255,0.5); }
 .hero-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 2rem; padding: 14px; background: rgba(255,255,255,0.1); border-radius: 12px; backdrop-filter: blur(10px); }
 .hero-feature { text-align: center; padding: 16px; }
 .hero-feature .icon { width: 48px; height: 48px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem; }
 .hero-feature .icon i { font-size: 1.25rem; color: var(--white); }
 .hero-feature h4 { font-size: 0.875rem; color: var(--white); margin-bottom: 0.25rem; }
 .hero-feature p { font-size: 0.75rem; color: rgba(255,255,255,0.7); margin-bottom: 0; }
 .service-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 3rem; }
 .service-card { background: var(--white); border: 1px solid var(--border-gray); border-radius: 12px; padding: 14px; transition: all var(--transition-base); }
 .service-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
 .service-icon { width: 48px; height: 48px; background: var(--primary-light); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
 .service-icon i { font-size: 1.25rem; color: var(--primary-blue); }
 .service-card h3 { font-size: 1.25rem; margin-bottom: 1rem; }
 .service-card p { font-size: 0.9375rem; margin-bottom: 1rem; }
 .service-list { list-style: none; padding: 0; }
 .service-list li { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: var(--text-medium); margin-bottom: 0.5rem; }
 .service-list li i { color: var(--success-green); font-size: 0.875rem; }
 .application-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 3rem; }
 .application-card { background: var(--white); border: 1px solid var(--border-gray); border-radius: 12px; padding: 14px; transition: all var(--transition-base); }
 .application-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
 .application-card h3 { font-size: 1.125rem; margin-bottom: 0.75rem; }
 .application-card p { font-size: 0.9375rem; color: var(--text-medium); margin-bottom: 1rem; }
 .application-benefits { list-style: none; padding: 0; }
 .application-benefits li { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: var(--text-medium); margin-bottom: 0.5rem; }
 .application-benefits li i { color: var(--success-green); font-size: 0.875rem; }.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 2rem; }
 .related-card { background: var(--white); border: 1px solid var(--border-gray); border-radius: 12px; padding: 14px; text-align: center; transition: all var(--transition-base); }
 .related-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
 .related-card i { font-size: 2rem; color: var(--primary-blue); margin-bottom: 1rem; }
 .related-card h4 { font-size: 1rem; margin-bottom: 0.5rem; }
 .related-card p { font-size: 0.875rem; color: var(--text-medium); margin-bottom: 0; }
 @media (max-width: 768px) {
 .hero-features { grid-template-columns: 1fr; }
 .service-grid { grid-template-columns: 1fr; }
 .application-grid { grid-template-columns: 1fr; }.related-grid { grid-template-columns: 1fr; }
 }
 .process-steps {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 gap: 1.5rem;
 justify-content: center;
 max-width: 100%;
 }
 .process-step {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 gap: 1rem;
 flex: 1;
 min-width: 200px;
 max-width: 260px;
 background: var(--white);
 border: 1px solid var(--border-gray);
 border-radius: 12px;
 padding: 1rem;
 margin-bottom: 0;
 }
 .process-step .step-number {
 flex-shrink: 0;
 width: 56px;
 height: 56px;
 background: var(--primary-blue);
 color: var(--white);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 700;
 font-size: 1.5rem;
 margin: 0 auto;
 }
 .process-step h3, .process-step h4 {
 color: var(--primary-navy);
 margin-bottom: 0.5rem;
 font-size: 1.125rem;
 }
 .process-step p {
 font-size: 0.9375rem;
 color: var(--text-medium);
 line-height: 1.6;
 margin: 0;
 }
 
 .process-step { transition: all 0.35s ease; cursor: default; }
 .process-step:hover { transform: translateY(-8px); box-shadow: 0 16px 48px rgba(0,0,0,0.12); border-color: var(--primary-blue); }
 .process-step .step-number { border-radius: 14px !important; background: linear-gradient(135deg, var(--primary-blue) 0%, #0068b8 100%) !important; font-size: 1.3rem !important; box-shadow: 0 4px 16px rgba(0,82,155,0.25) !important; animation: stepPulse 3s ease-in-out infinite; }
 .process-step:hover .step-number { background: linear-gradient(135deg, var(--accent-gold) 0%, #d4a83a 100%) !important; color: var(--primary-navy) !important; transform: scale(1.12) rotate(-3deg); box-shadow: 0 8px 24px rgba(201,162,39,0.35) !important; }
 .process-step h3 { transition: color 0.3s ease; }
 .process-step:hover h3 { color: var(--primary-blue); }
 .process-step::after { content: ''; position: absolute; top: 28px; left: 50%; transform: translateX(-50%) scale(0); width: 8px; height: 8px; border-radius: 50%; background: var(--accent-gold); z-index: 3; transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); }
 .process-step:hover::after { transform: translateX(-50%) scale(1); }
 @keyframes stepPulse { 0%,100% { box-shadow: 0 4px 16px rgba(0,82,155,0.25); } 50% { box-shadow: 0 4px 24px rgba(0,82,155,0.45), 0 0 0 6px rgba(0,82,155,0.08); } }
 .process-steps:hover .step-number { animation-play-state: paused; }
@media (max-width: 992px) {
 .process-steps {
 flex-direction: row;
 }
 .process-step {
 min-width: 160px;
 max-width: 200px;
 padding: 1.25rem;
 }
 }
 @media (max-width: 768px) {
 .process-steps {
 flex-direction: column;
 align-items: center;
 }
 .process-step {
 max-width: 100%;
 width: 100%;
 min-width: auto;
 }
 }
 
.hero-features a.hero-feature-item { transition: all 0.3s ease; }
.hero-features a.hero-feature-item:hover { transform: translateY(-4px); background: rgba(255,255,255,0.15); }
.hero-features a.hero-feature-item:hover h4 { color: #8a6d1c; }

/* =====================================================================
   ENHANCED VISUAL SECTIONS (added)
   ===================================================================== */

/* ---- Credibility stat band ---------------------------------------- */
.cfd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 2rem auto 0; max-width: 1000px; }
.cfd-stat { background: linear-gradient(160deg,#ffffff 0%,#eef5fc 100%); border: 1px solid #dce8f3; border-radius: 14px; padding: 1.5rem 1.1rem; text-align: center; box-shadow: 0 6px 18px rgba(10,37,64,.06); }
.cfd-stat .v { display:block; font-size: 1.85rem; font-weight: 800; line-height: 1.05; color: var(--primary-blue); letter-spacing:-.02em; }
.cfd-stat .l { display:block; margin-top: .4rem; font-size: .8rem; color: var(--text-medium); line-height: 1.4; }
@media (max-width: 760px){ .cfd-stats{ grid-template-columns: repeat(2,1fr);} }

/* ---- Workflow pipeline (SVG-driven visual) ------------------------ */
.cfd-pipeline { display: grid; grid-template-columns: repeat(6, 1fr); gap: .5rem; margin-top: 2rem; }
.cfd-pl-step { position: relative; background: var(--white); border: 1px solid var(--border-gray); border-radius: 14px; padding: 1.4rem 1rem 1.25rem; text-align: center; box-shadow: 0 4px 14px rgba(10,37,64,.05); }
.cfd-pl-step .pl-ico { width: 52px; height: 52px; margin: 0 auto .8rem; border-radius: 14px; display:flex; align-items:center; justify-content:center; font-size: 1.3rem; color:#0a66c2; background:#eef4fb; border:1px solid #dce7f5; }
.cfd-pl-step h4 { font-size: .92rem; color: var(--primary-navy); margin: 0 0 .35rem; }
.cfd-pl-step p { font-size: .78rem; color: var(--text-medium); line-height: 1.45; margin: 0; }
.cfd-pl-step::after { content: "\f061"; font-family:"Font Awesome 6 Free"; font-weight:900; position: absolute; right: -.55rem; top: 50%; transform: translateY(-50%); color: var(--primary-blue); font-size: .8rem; z-index: 2; opacity:.55; }
.cfd-pl-step:last-child::after { display:none; }
@media (max-width: 1024px){ .cfd-pipeline{ grid-template-columns: repeat(3,1fr);} .cfd-pl-step:nth-child(3)::after{ display:none;} }
@media (max-width: 560px){ .cfd-pipeline{ grid-template-columns: repeat(2,1fr);} .cfd-pl-step::after{ display:none;} }

/* ---- Turbulence-model matrix -------------------------------------- */
.cfd-model-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.1rem; margin-top: 2rem; }
.cfd-model { background: var(--white); border:1px solid var(--border-gray); border-left: 4px solid var(--primary-blue); border-radius: 12px; padding: 1.35rem 1.5rem; box-shadow: 0 4px 14px rgba(10,37,64,.05); }
.cfd-model.is-les { border-left-color:#7c3aed; }
.cfd-model.is-ke { border-left-color:#0f8a5f; }
.cfd-model.is-rsm { border-left-color:#c8821f; }
.cfd-model h3 { display:flex; align-items:center; gap:.6rem; margin:0 0 .5rem; font-size: 1.05rem; color: var(--primary-navy); }
.cfd-model .tag { margin-left:auto; font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.2rem .55rem; border-radius:999px; background:#e8f3fd; color: var(--primary-blue); }
.cfd-model.is-les .tag{ background:#f1e8fd; color:#7c3aed; }
.cfd-model.is-ke .tag{ background:#e4f6ee; color:#0f8a5f; }
.cfd-model.is-rsm .tag{ background:#fbf0df; color:#c8821f; }
.cfd-model p { margin:0 0 .6rem; font-size:.88rem; line-height:1.55; color: var(--text-medium); }
.cfd-model .uses { display:flex; flex-wrap:wrap; gap:.4rem; }
.cfd-model .uses span { font-size:.74rem; background: var(--light-gray); border:1px solid var(--border-gray); border-radius:8px; padding:.3rem .55rem; color: var(--text-medium); }
@media (max-width: 760px){ .cfd-model-grid{ grid-template-columns:1fr;} }

/* ---- Problem -> CFD insight cards (with SVG flow glyphs) ----------- */
.cfd-reveal-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.1rem; margin-top: 2rem; }
.cfd-reveal { background: var(--white); border:1px solid var(--border-gray); border-radius: 16px; overflow: hidden; box-shadow: 0 6px 18px rgba(10,37,64,.06); display:flex; flex-direction:column; }
.cfd-reveal .viz { height: 96px; background: linear-gradient(160deg,#0a2540 0%,#123a63 100%); display:flex; align-items:center; justify-content:center; }
.cfd-reveal .viz svg { width: 100%; height: 100%; display:block; }
.cfd-reveal .body { padding: 1.2rem 1.35rem 1.35rem; }
.cfd-reveal h3 { margin:0 0 .5rem; font-size: 1rem; color: var(--primary-navy); }
.cfd-reveal .prob { font-size:.82rem; color:#9a3412; margin:0 0 .5rem; }
.cfd-reveal .prob i { margin-right:.35rem; }
.cfd-reveal .fix { font-size:.86rem; color: var(--text-medium); line-height:1.55; margin:0; }
.cfd-reveal .fix strong { color: #0f8a5f; }
@media (max-width: 900px){ .cfd-reveal-grid{ grid-template-columns:1fr 1fr;} }
@media (max-width: 560px){ .cfd-reveal-grid{ grid-template-columns:1fr;} }

/* ---- Solver / physics capability chips ---------------------------- */
.cfd-cap-band { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; margin-top:2rem; }
.cfd-cap { background: linear-gradient(160deg,#ffffff,#f1f7fd); border:1px solid #dce8f3; border-radius:14px; padding:1.3rem 1.2rem; }
.cfd-cap h4 { display:flex; align-items:center; gap:.55rem; margin:0 0 .7rem; font-size:.92rem; color: var(--primary-navy); }
.cfd-cap h4 i { color: var(--primary-blue); }
.cfd-cap ul { list-style:none; margin:0; padding:0; }
.cfd-cap li { font-size:.8rem; color: var(--text-medium); padding:.28rem 0 .28rem 1.1rem; position:relative; line-height:1.4; }
.cfd-cap li::before { content:"\f111"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:.4rem; color: var(--primary-blue); position:absolute; left:0; top:.62rem; }
@media (max-width: 900px){ .cfd-cap-band{ grid-template-columns:repeat(2,1fr);} }
@media (max-width: 480px){ .cfd-cap-band{ grid-template-columns:1fr;} }

/* ---- CFD across the equipment range (grouped link grid) ----------- */
.cfd-eq-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; margin-top: 2rem; }
.cfd-eq-group { background: var(--white); border: 1px solid var(--border-gray); border-radius: 16px; padding: 1.4rem 1.5rem 1.5rem; box-shadow: 0 6px 18px rgba(10,37,64,.06); }
.cfd-eq-group > h3 { display: flex; align-items: center; gap: .65rem; margin: 0 0 .35rem; font-size: 1.05rem; color: var(--primary-navy); }
.cfd-eq-group > h3 .g-ico { flex: none; width: 40px; height: 40px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--primary-blue); background: linear-gradient(160deg,#e8f3fd,#d4e9fb); }
.cfd-eq-group > .g-sub { margin: 0 0 1rem; font-size: .82rem; line-height: 1.5; color: var(--text-medium); }
.cfd-eq-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
.cfd-eq-links a { display: flex; align-items: center; gap: .5rem; padding: .55rem .7rem; border: 1px solid var(--border-gray); border-radius: 9px; background: var(--light-gray); color: var(--primary-navy); font-size: .82rem; font-weight: 500; text-decoration: none; transition: all .2s ease; }
.cfd-eq-links a i { color: var(--primary-blue); font-size: .78rem; flex: none; }
.cfd-eq-links a:hover { border-color: var(--primary-blue); background: #fff; color: var(--primary-blue); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,102,204,.12); }
@media (max-width: 880px){ .cfd-eq-groups{ grid-template-columns: 1fr;} }
@media (max-width: 480px){ .cfd-eq-links{ grid-template-columns: 1fr;} }