.grid-light{background-color:#ECEFF1;background-image:linear-gradient(rgba(27,79,168,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,79,168,.05) 1px,transparent 1px);background-size:55px 55px}
.grid-white{background-color:#fff;background-image:linear-gradient(rgba(27,79,168,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,79,168,0.05) 1px,transparent 1px);background-size:55px 55px}
.grid-dark{background-color:var(--navy);background-image:linear-gradient(rgba(66,165,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(66,165,245,.04) 1px,transparent 1px);background-size:55px 55px}

/* ── STICKY TABS ── */
.sol-tabs-wrap{position:sticky;top:70px;z-index:100;background:rgba(27,79,168,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(66,165,245,.12)}
.sol-tabs{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:1360px;margin:0 auto;padding:0 5%}
.sol-tabs::-webkit-scrollbar{display:none}
.sol-tab{flex-shrink:0;padding:15px 18px;font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.4);border-bottom:2px solid transparent;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap;background:none;-webkit-tap-highlight-color:transparent}
.sol-tab:hover{color:rgba(255,255,255,.75)}
.sol-tab.active{color:var(--blue-light);border-bottom-color:var(--blue-light)}

/* ── MOBILE TABS ── */
@media(max-width:768px){
  /* On mobile nav is 60px tall */
  .sol-tabs-wrap{top:60px}
  .sol-tabs{padding:0 3%;gap:0}
  .sol-tab{font-size:10.5px;padding:13px 14px;letter-spacing:.04em}
}
@media(max-width:480px){
  .sol-tabs-wrap{top:60px}
  .sol-tabs{padding:0 2%}
  /* Compress labels on very small screens */
  .sol-tab{font-size:10px;padding:12px 11px;letter-spacing:.03em}
  /* Show scroll shadow hint on left/right edges */
  .sol-tabs-wrap{
  overflow:hidden;
  -webkit-mask-image:none;
  mask-image:none;
}
}

/* ── SOLUTION SECTION ── */
.sol-section{border-bottom:1px solid rgba(66,165,245,.1)}
.sol-section:last-of-type{border-bottom:none}

.sol-header{padding:72px 5% 0;max-width:1360px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px}
.sol-sol-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;background:rgba(66,165,245,.1);border:1px solid rgba(66,165,245,.25);font-family:var(--font-head);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light);margin-bottom:16px}
.sol-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-light);animation:pulse 1.6s infinite}
.sol-header h2{font-family:var(--font-head);font-size:clamp(2rem,4.5vw,3.6rem);font-weight:200;letter-spacing:-.04em;color:#fff;line-height:1.08;margin:0}
.sol-header h2 strong{font-weight:800;display:block}
.sol-header-right{max-width:400px;font-size:14px;color:rgba(255,255,255,.45);line-height:1.72}

/* ── ILLUSTRATION ── */
.sol-illus-wrap{margin:40px auto 0;max-width:1000px;width:90%;border-radius:16px;overflow:hidden;border:1px solid rgba(66,165,245,.15);box-shadow:inset 0 0 20px rgba(66,165,245,.05),0 24px 72px rgba(0,0,0,.35);background:rgba(255,255,255,.02);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s,transform .3s;padding:12px}
.sol-illus-wrap:hover{box-shadow:inset 0 0 20px rgba(66,165,245,.1),0 32px 80px rgba(27,79,168,.25);transform:translateY(-4px)}
.sol-illus-wrap img{width:100%;height:auto;display:block;border-radius:8px}

/* ── DETAIL ROW ── */
.sol-detail{padding:40px 5% 72px;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}

.sol-feats-box,.sol-stats-box{background:rgba(27,79,168,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(66,165,245,.15);border-radius:12px;padding:24px;box-shadow:inset 0 0 20px rgba(66,165,245,.05);transition:transform .2s,box-shadow .2s}
.sol-feats-box:hover,.sol-stats-box:hover{transform:translateY(-2px);box-shadow:inset 0 0 20px rgba(66,165,245,.1),0 10px 30px rgba(0,0,0,.2)}
.sol-box-title{font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light);margin-bottom:16px}

.sol-feats{list-style:none;display:flex;flex-direction:column;gap:10px}
.sol-feats li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,.6);font-family:var(--font-head);font-weight:500;line-height:1.45}
.sf-check{width:18px;height:18px;border-radius:50%;background:rgba(66,165,245,.15);border:1px solid rgba(66,165,245,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.sf-check svg{width:9px;height:9px;stroke:var(--blue-light);fill:none;stroke-width:2.5}

.sol-stat-row{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid rgba(66,165,245,.08)}
.sol-stat-row:last-child{border-bottom:none;padding-bottom:0}
.sol-stat-num {
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #ffffff;
}
.sol-stat-lbl{font-size:11.5px;color:rgba(255,255,255,.35);font-family:var(--font-head);margin-top:3px}

.sol-cta-box{background:linear-gradient(135deg,rgba(120,144,156,0.45),rgba(66,165,245,.1));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(66,165,245,.3);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.sol-cta-box h4{font-family:var(--font-head);font-size:17px;font-weight:700;color:#fff;line-height:1.3}
.sol-cta-box p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.65}
.sol-comp-strip{display:flex;flex-wrap:wrap;gap:6px}
.sol-comp-badge{font-family:var(--font-head);font-size:10px;font-weight:700;color:var(--blue-pale);background:rgba(66,165,245,.1);border:1px solid rgba(66,165,245,.2);padding:3px 9px;border-radius:4px}
.sol-cta-btns{display:flex;flex-direction:column;gap:10px;width:100%}
.sol-cta-btns .btn-primary,.sol-cta-btns .btn-secondary-light{width:100%;justify-content:center;font-size:12px;padding:12px 20px}

/* ── CAPABILITIES ── */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.cap-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:28px 24px;transition:transform .2s,box-shadow .2s;background-image:linear-gradient(rgba(27,79,168,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,79,168,0.05) 1px,transparent 1px);background-size:55px 55px}
.cap-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(176,190,197,0.45)}
.cap-icon{width:44px;height:44px;border-radius:10px;background:var(--metal-light);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cap-icon svg{
  width:20px;
  height:20px;
  stroke:var(--blue-mid);
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
  display:block;
}
.cap-card h4{font-family:var(--font-head);font-size:15px;font-weight:700;margin-bottom:8px}
.cap-card p{font-size:13.5px;color:var(--text-mid);line-height:1.65}

/* ── PROCESS ── */
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border-light);border-radius:14px;overflow:hidden;margin-top:52px}
.p-step{padding:30px 26px;position:relative;background:#fff;background-image:linear-gradient(rgba(27,79,168,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,79,168,0.05) 1px,transparent 1px);background-size:55px 55px}
.p-step:not(:last-child){border-right:1px solid var(--border-light)}
.p-step-big{font-family:var(--font-head);font-size:3.5rem;font-weight:900;color:rgba(27,79,168,.08);position:absolute;top:20px;right:18px;line-height:1}
.p-step-label{font-family:var(--font-mono);font-size:11px;color:var(--blue-mid);margin-bottom:8px;letter-spacing:.06em}
.p-step h4{font-family:var(--font-head);font-size:15px;font-weight:700;margin-bottom:7px}
.p-step p{font-size:13px;color:var(--text-mid);line-height:1.6}
.p-step-icon{width:36px;height:36px;border-radius:8px;background:var(--metal-light);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.p-step-icon svg{width:18px;height:18px;stroke:var(--blue-mid);fill:none;stroke-width:1.5}

/* ── TESTIMONIALS (CHANGED TO PILOT METRICS) ── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.testi-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:28px 24px;position:relative;background-image:linear-gradient(rgba(27,79,168,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,79,168,0.05) 1px,transparent 1px);background-size:55px 55px}
.testi-card::before{content:'';position:absolute;top:16px;right:20px;font-size:3rem;line-height:1;color:rgba(176,190,197,0.45);font-family:Georgia,serif;font-weight:900}
.testi-stars{display:flex;gap:3px;margin-bottom:14px; color: var(--blue-mid); font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;}
.testi-star{width:14px;height:14px;background:var(--blue-mid);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.testi-text{font-size:14px;color:var(--text-mid);line-height:1.7;margin-bottom:18px;}
.testi-author{display:flex;align-items:center;gap:10px}
.testi-avatar{width:36px;height:36px;border-radius:8px;background:var(--metal-light);display:flex;align-items:center;justify-content:center;color:var(--blue-mid);flex-shrink:0}
.testi-name{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--text-dark)}
.testi-role{font-size:11.5px;color:var(--text-light);font-family:var(--font-head)}

/* ── COMPLIANCE ── */
.comp-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.comp-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cbadge{padding:8px 18px;background:var(--metal-light);border:1px solid var(--border-light);border-radius:6px;font-family:var(--font-head);font-size:12px;font-weight:700;color:var(--blue-mid);letter-spacing:.06em}

/* ── RESPONSIVE ── */

/* Tablet */
@media(max-width:1100px){
  .sol-detail{grid-template-columns:1fr 1fr}
  .sol-cta-box{grid-column:1/-1}
}

/* Small tablet */
@media(max-width:900px){
  .cap-grid{grid-template-columns:1fr 1fr}
  .comp-two{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .process-row{grid-template-columns:1fr 1fr}
  .p-step:not(:last-child){border-right:none;border-bottom:1px solid var(--border-light)}
}

/* Integration ecosystem — 2x2 grid */
.int-eco-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:14px !important}
.int-eco-grid .tilt-card{width:100% !important;min-width:0 !important}

/* Mobile */
@media(max-width:768px){
  .sol-detail{grid-template-columns:1fr; gap: 16px; padding: 24px 5% 56px}
  .sol-header{padding-top: 40px; padding-left: 5%; padding-right: 5%; flex-direction: column; align-items: flex-start; gap: 12px}
  .sol-header h2{font-size: clamp(1.6rem, 5vw, 2.4rem)}
  .sol-header-right{max-width: 100%; font-size: 13px}
  .sol-illus-wrap{margin: 20px auto 0; width: 94%; border-radius: 10px; padding: 8px}
  .sol-feats-box, .sol-stats-box{padding: 20px}
  .sol-cta-box{padding: 24px 20px}
  .sol-comp-strip{gap: 5px}
  .sol-comp-badge{font-size: 9px; padding: 2px 7px}

  /* Cap grid */
  .cap-grid{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 36px}
  .cap-card{padding: 20px 16px}
  .cap-card h4{font-size: 13px}
  .cap-card p{font-size: 12px; line-height: 1.6}
  .cap-card-hide-mobile{display: none !important}

  /* Process */
  .process-row{grid-template-columns: 1fr; border-radius: 10px}
  .p-step{padding: 24px 20px}
  .p-step h4{font-size: 14px}
  .p-step p{font-size: 12.5px}

  /* Testimonials */
  .testi-grid{gap: 14px; margin-top: 36px}
  .testi-card{padding: 22px 20px}
  .testi-text{font-size: 13px}

  /* Compliance */
  .comp-two{gap: 36px}
  .comp-badges{gap: 8px}
  .cbadge{padding: 6px 14px; font-size: 11px}
}

/* Small mobile */
@media(max-width:480px){
  .sol-detail{padding: 20px 4% 48px}
  .sol-header{padding-top: 32px; padding-left: 4%; padding-right: 4%}
  .sol-header h2{font-size: 1.5rem}
  .sol-illus-wrap{width: 96%; padding: 6px}
  .sol-feats-box, .sol-stats-box{padding: 18px 16px}
  .sol-feats li{font-size: 12px}
  .sol-stat-num{font-size: 1.4rem}
}