.grid-light{background-color:#ECEFF1;background-image:linear-gradient(rgba(27,79,168,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(27,79,168,.055) 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}

/* ── HERO ── */
.tech-hero{background: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;padding:140px 5% 0;position:relative;overflow:hidden}
.th-glow{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:900px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(27,79,168,.28) 0%,transparent 65%);pointer-events:none}
.th-scan{position:absolute;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(66,165,245,.5),transparent);animation:scan-v 10s linear infinite}
.th-corner{position:absolute;width:56px;height:56px;pointer-events:none}
.th-tl{top:24px;left:24px;border-top:2px solid rgba(66,165,245,.3);border-left:2px solid rgba(66,165,245,.3)}
.th-tr{top:24px;right:24px;border-top:2px solid rgba(66,165,245,.3);border-right:2px solid rgba(66,165,245,.3)}

.tech-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto}
.tech-hero-text{text-align:center;max-width:760px;margin:0 auto}
.tech-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid rgba(66,165,245,.25);background:rgba(66,165,245,.08);font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-light);margin-bottom:24px}
.th-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.5s infinite}
.tech-hero-text h1{font-family:var(--font-head);font-size:clamp(2.6rem,5.5vw,5rem);font-weight:200;letter-spacing:-.05em;color:#fff;line-height:1.04;margin-bottom:20px}
.tech-hero-text h1 strong{font-weight:800;display:block;background:linear-gradient(130deg,#fff 0%,#90CAF9 55%,#42A5F5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.tech-hero-text p{font-size:1.05rem;color:rgba(255,255,255,.5);line-height:1.78;max-width:580px;margin:0 auto 36px}

/* Hero CTA row */
.tech-hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}

/* Hero spec strip */
.tech-hero-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid rgba(66,165,245,.12);border-radius:14px 14px 0 0;background:rgba(3,50,121,.85);backdrop-filter:blur(12px);overflow:hidden;max-width:1000px;margin:0 auto}
.ths-item{padding:20px 16px;border-right:1px solid rgba(66,165,245,.08);text-align:center}
.ths-item:last-child{border-right:none}
.ths-num {
  font-family: var(--font-head);
  font-size: 1.6rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.03em;
  line-height: 1;
}
.ths-lbl{font-family:var(--font-head);font-size:10px;font-weight:600;color:rgba(255,255,255,.28);letter-spacing:.07em;margin-top:5px;text-transform:uppercase}

/* ── ANIMATED PIPELINE VISUAL ── */
.pipeline-visual-section{background: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;padding:80px 5%}
.pv-wrap{max-width:1100px;margin:0 auto}
.pv-track{display:flex;align-items:stretch;gap:0;position:relative}
.pv-track::before{content:'';position:absolute;top:34px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(66,165,245,.25),rgba(66,165,245,.4),rgba(66,165,245,.25),transparent);pointer-events:none}
.pv-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;position:relative;cursor:default}
.pv-icon-wrap{width:68px;height:68px;border-radius:50%;background:rgba(120,144,156,0.45);border:2px solid rgba(66,165,245,.22);display:flex;align-items:center;justify-content:center;margin-bottom:14px;position:relative;z-index:2;transition:all .3s}
.pv-step:hover .pv-icon-wrap{background:rgba(27,79,168,.5);border-color:var(--blue-light);transform:scale(1.12);box-shadow:0 0 24px rgba(66,165,245,.3)}
.pv-icon-wrap svg{width:24px;height:24px;stroke:var(--blue-light);fill:none;stroke-width:1.5}
.pv-num{position:absolute;top:-6px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--blue-mid);border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;color:#fff;font-weight:600}
/* Animated pulse on icon */
.pv-pulse{position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(66,165,245,.25);animation:pv-ring 2s ease-out infinite}
.pv-step:nth-child(2) .pv-pulse{animation-delay:.3s}
.pv-step:nth-child(3) .pv-pulse{animation-delay:.6s}
.pv-step:nth-child(4) .pv-pulse{animation-delay:.9s}
.pv-step:nth-child(5) .pv-pulse{animation-delay:1.2s}
.pv-step:nth-child(6) .pv-pulse{animation-delay:1.5s}
@keyframes pv-ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}
/* Travelling data dot */
.pv-data-dot{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:var(--blue-light);transform:translateY(-50%);animation:travel 3s ease-in-out infinite;box-shadow:0 0 6px rgba(66,165,245,.7)}
@keyframes travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
.pv-name{font-family:var(--font-head);font-size:12px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.pv-desc{font-size:12px;color:rgba(255,255,255,.35);line-height:1.45}
.pv-time{display:inline-block;margin-top:8px;font-family:var(--font-mono);font-size:10px;color:var(--blue-light);background:rgba(66,165,245,.1);padding:2px 8px;border-radius:3px}

/* Arrow between steps */
.pv-arrow{flex-shrink:0;display:flex;align-items:center;padding:0 4px;margin-bottom:50px;color:rgba(66,165,245,.3);font-size:18px}

/* ── CAPABILITY TABS ── */
.tabs-section{background:var(--navy3);background-image:linear-gradient(rgba(66,165,245,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(66,165,245,.03) 1px,transparent 1px);background-size:55px 55px;padding:88px 5%}
.tabs-row{display:flex;gap:4px;border:1px solid rgba(66,165,245,.18);border-radius:10px;background:rgba(27,79,168,.08);padding:5px;width:fit-content;margin-bottom:52px;flex-wrap:wrap}
.tab-btn{padding:11px 22px;border-radius:7px;font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.4);background:transparent;border:none;cursor:pointer;transition:all .25s;white-space:nowrap}
.tab-btn.active{background:var(--blue-mid);color:#fff;box-shadow:0 3px 16px rgba(27,79,168,.5)}
.tab-btn:hover:not(.active){color:rgba(255,255,255,.7);background:rgba(66,165,245,.08)}
.tab-panel{display:none;animation:tabIn .4s ease}
.tab-panel.active{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
@keyframes tabIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Pill list (dark) */
.pills-dark{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:28px}
.pill-d{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:rgba(66,165,245,.06);border:1px solid rgba(66,165,245,.12);border-radius:8px;font-family:var(--font-head);font-size:13px;font-weight:500;color:rgba(255,255,255,.72);letter-spacing:.01em;transition:all .2s}
.pill-d:hover{background:rgba(66,165,245,.12);border-color:rgba(66,165,245,.25)}
.pill-ck{width:20px;height:20px;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}
.pill-ck svg{width:10px;height:10px;stroke:var(--blue-light);fill:none;stroke-width:2.5}

/* Spec list */
.spec-list{list-style:none;display:flex;flex-direction:column;gap:0;border:1px solid rgba(66,165,245,.1);border-radius:10px;overflow:hidden;margin-top:24px}
.spec-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(66,165,245,.07);background:rgba(255,255,255,.02);transition:background .2s}
.spec-row:last-child{border:none}
.spec-row:hover{background:rgba(66,165,245,.05)}
.spec-key{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.35);width:160px;flex-shrink:0}
.spec-bar{flex:1;margin:0 12px;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.spec-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--blue-deep),var(--blue-light))}
.spec-val{font-family:var(--font-mono);font-size:12px;color:var(--blue-pale);font-weight:500;white-space:nowrap}

/* Architecture block */
.arch{background:rgba(3,50,121,.96);border:1px solid rgba(66,165,245,.14);border-radius:16px;padding:28px;position:relative;overflow:hidden}
.arch::before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--blue-light),transparent)}
.arch-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,165,245,.5),transparent);animation:scan-v 5s linear infinite;pointer-events:none}
.arch-lbl{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.28);margin-bottom:18px;letter-spacing:.1em;text-transform:uppercase}
.arch-row{display:flex;gap:8px;margin-bottom:8px}
.ab{flex:1;padding:12px 13px;border-radius:8px;border:1px solid rgba(66,165,245,.12);background:rgba(66,165,245,.04);font-family:var(--font-mono);font-size:10.5px;color:rgba(255,255,255,.45);text-align:center;line-height:1.45;transition:all .25s;cursor:default}
.ab:hover{background:rgba(66,165,245,.1);border-color:rgba(66,165,245,.28);color:var(--blue-pale)}
.ab.hi{background:rgba(27,79,168,.38);border-color:rgba(66,165,245,.38);color:var(--blue-pale)}
.ab-name{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:2px;display:block}
.arch-arrow{text-align:center;color:rgba(66,165,245,.35);font-size:15px;margin:4px 0;line-height:1;display:flex;align-items:center;justify-content:center;gap:8px}
.arch-arrow-line{flex:1;height:1px;background:rgba(66,165,245,.15)}
.arch-stat-row{display:flex;gap:8px;margin-top:14px}
.arch-stat{flex:1;padding:12px;border:1px solid rgba(66,165,245,.1);border-radius:8px;background:rgba(66,165,245,.04);text-align:center}
.arch-stat-num{font-family:var(--font-head);font-size:1.3rem;font-weight:900;background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.arch-stat-lbl{font-size:10px;color:rgba(255,255,255,.3);font-family:var(--font-head);margin-top:2px}

/* Alert popup in arch */
.arch-alert{margin-top:12px;padding:11px 14px;border-radius:8px;border:1px solid rgba(248,113,113,.2);background:rgba(248,113,113,.06);display:flex;align-items:center;gap:10px}
.arch-alert-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1s infinite;flex-shrink:0}
.arch-alert-title{font-family:var(--font-mono);font-size:11px;color:var(--red);margin-bottom:2px}
.arch-alert-sub{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.3)}

/* Search result mock */
.search-box{display:flex;align-items:center;gap:8px;background:rgba(66,165,245,.06);border:1px solid rgba(66,165,245,.15);border-radius:8px;padding:12px 14px;margin-bottom:14px}
.search-box svg{width:14px;height:14px;stroke:var(--blue-light);fill:none;stroke-width:2;flex-shrink:0}
.search-query{font-family:var(--font-mono);font-size:12px;color:var(--blue-pale)}
.search-results{display:flex;flex-direction:column;gap:8px}
.sr-item{display:flex;gap:10px;padding:11px 12px;background:rgba(66,165,245,.04);border:1px solid rgba(66,165,245,.09);border-radius:8px;align-items:center;transition:background .2s}
.sr-item:hover{background:rgba(66,165,245,.1)}
.sr-thumb{width:56px;height:36px;background:rgba(66,165,245,.08);border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(66,165,245,.1)}
.sr-thumb svg{width:16px;height:16px;stroke:rgba(66,165,245,.5);fill:none;stroke-width:1.5}
.sr-info{flex:1}
.sr-title{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.72);margin-bottom:2px}
.sr-sub{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.28)}
.sr-badge{font-family:var(--font-mono);font-size:10px;color:var(--blue-pale);padding:2px 8px;border:1px solid rgba(66,165,245,.2);border-radius:4px;flex-shrink:0;background:rgba(66,165,245,.08)}
.search-footer{text-align:center;font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.2);margin-top:8px}

/* ── LIVE COUNTER STATS ── */
.live-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:0}
.lsr-box{
  background:#ffffff;
  border:1px solid rgba(176,190,197,0.5);
  border-radius:14px;padding:30px 24px;text-align:center;
  position:relative;overflow:hidden;
  transition:border-color .25s,transform .25s,box-shadow .25s;
  box-shadow:0 2px 16px rgba(3,50,121,0.07);
}
.lsr-box:hover{
  border-color:var(--blue-mid);
  transform:translateY(-4px);
  box-shadow:0 12px 36px rgba(3,50,121,0.14);
}
/* Top accent bar */
.lsr-box::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#033279,#1B4FA8,#42A5F5);
}
.lsr-icon{
  width:44px;height:44px;border-radius:10px;
  background:#E8F0FE;
  border:1px solid rgba(27,79,168,0.18);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
}
.lsr-icon svg{width:20px;height:20px;stroke:#1B4FA8;fill:none;stroke-width:1.8}
.lsr-num{
  font-family:var(--font-head);font-size:2.2rem;font-weight:900;
  background:linear-gradient(135deg,#033279,#1B4FA8,#42A5F5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  letter-spacing:-.04em;line-height:1;margin-bottom:8px;
}
.lsr-lbl{
  font-family:var(--font-head);font-size:12px;font-weight:600;
  color:var(--text-mid);letter-spacing:.04em;
}
.lsr-pulse{
  position:absolute;bottom:14px;right:14px;
  width:7px;height:7px;border-radius:50%;
  background:var(--green);box-shadow:0 0 6px rgba(74,222,128,0.6);
  animation:pulse 1.5s infinite;
}

/* ── MODEL CARDS ── */
.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.model-card{background:var(--navy3);border:1px solid rgba(66,165,245,.12);border-radius:14px;padding:28px 24px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}
.model-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.model-card:hover::before{transform:scaleX(1)}
.mc-b::before{background:linear-gradient(90deg,var(--blue-deep),var(--blue-light))}
.mc-g::before{background:linear-gradient(90deg,#065f46,#4ade80)}
.mc-a::before{background:linear-gradient(90deg,#92400e,#fbbf24)}
.mc-r::before{background:linear-gradient(90deg,#991b1b,#f87171)}
.model-card::after{content:'';position:absolute;bottom:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(66,165,245,.06) 0%,transparent 70%);pointer-events:none}
.model-card:hover{transform:translateY(-4px);border-color:rgba(66,165,245,.28);box-shadow:0 16px 48px rgba(0,0,0,.25)}
.mc-chip{display:inline-block;padding:3px 11px;border-radius:5px;font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.chip-b{background:rgba(27,79,168,.3);color:var(--blue-pale);border:1px solid rgba(66,165,245,.2)}
.chip-g{background:rgba(74,222,128,.1);color:#86efac;border:1px solid rgba(74,222,128,.2)}
.chip-a{background:rgba(251,191,36,.1);color:#fde68a;border:1px solid rgba(251,191,36,.2)}
.chip-r{background:rgba(248,113,113,.1);color:#fca5a5;border:1px solid rgba(248,113,113,.2)}
.model-card h3{font-family:var(--font-head);font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.model-card p{font-size:13px;color:rgba(255,255,255,.43);line-height:1.65;margin-bottom:16px}
.ms{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}
.ms-l{font-family:var(--font-mono);font-size:10.5px;color:rgba(255,255,255,.28)}
.ms-v{font-family:var(--font-mono);font-size:11px;color:var(--blue-pale);font-weight:500}

/* ── DEPLOYMENT OPTIONS ── */
.deploy-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px}
.dc{padding:30px 26px;border-radius:14px;border:1px solid var(--border-light);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;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}
.dc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.dc-cloud::before{background:linear-gradient(90deg,var(--blue-deep),var(--blue-light))}
.dc-edge::before{background:linear-gradient(90deg,#065f46,#4ade80)}
.dc-prem::before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.dc-api::before{background:linear-gradient(90deg,#c2410c,#fb923c)}
.dc:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(176,190,197,0.45);border-color:var(--blue-mid)}
.dc-hdr{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.dc-ico{width:46px;height:46px;border-radius:10px;background:var(--metal-light);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dc-ico svg{width:21px;height:21px;stroke:var(--blue-mid);fill:none;stroke-width:1.5}
.dc-title{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--text-dark)}
.dc-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--text-light);letter-spacing:.05em}
.dc p{font-size:13.5px;color:var(--text-mid);line-height:1.7;margin-bottom:16px}
.dc-tags{display:flex;flex-wrap:wrap;gap:7px}
.dtag{padding:4px 11px;background:var(--metal-light);border:1px solid var(--border-light);border-radius:5px;font-family:var(--font-head);font-size:11px;font-weight:600;color:var(--blue-mid)}
.dc-badge{position:absolute;top:18px;right:18px;padding:4px 10px;border-radius:999px;font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.06em}
.dc-badge-pop{background:rgba(176,190,197,0.45);color:var(--blue-mid);border:1px solid rgba(120,144,156,0.45)}
.dc-badge-eco{background:rgba(74,222,128,.1);color:#059669;border:1px solid rgba(74,222,128,.25)}
.dc-badge-gov{background:rgba(124,58,237,.1);color:#7c3aed;border:1px solid rgba(124,58,237,.2)}

/* ── SECURITY BADGES ── */
.sec-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.sec-badge{padding:22px 18px;border:1px solid var(--border-light);border-radius:12px;text-align:center;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;transition:border-color .2s,transform .2s}
.sec-badge:hover{border-color:var(--blue-mid);transform:translateY(-2px);box-shadow:0 8px 24px rgba(176,190,197,0.45)}
.sec-badge-icon{width:40px;height:40px;border-radius:10px;background:var(--metal-light);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.sec-badge-icon svg{width:19px;height:19px;stroke:var(--blue-mid);fill:none;stroke-width:1.5}
.sec-badge-name{font-family:var(--font-head);font-size:12.5px;font-weight:700;color:var(--text-dark);margin-bottom:5px}
.sec-badge-desc{font-size:11.5px;color:var(--text-light);line-height:1.5}

/* ── COMPARISON TABLE ── */
.cmp-table{width:100%;border-collapse:collapse;margin-top:52px;border-radius:14px;overflow:hidden;border:1px solid var(--border-light)}
.cmp-table th{font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:18px 20px;text-align:left;background:var(--bg-grid)}
.cmp-table th:not(:first-child){text-align:center;color:var(--text-mid)}
.cmp-table th.mj-col{background:var(--blue-mid);color:#fff}
.cmp-table td{padding:15px 20px;font-size:13.5px;color:var(--text-mid);border-top:1px solid var(--border-light)}
.cmp-table td:not(:first-child){text-align:center}
.cmp-table tr:hover td{background:var(--metal-light)}
.chk{color:var(--blue-mid);font-weight:700;font-size:17px}
.chk-mj{color:#2934b0;font-weight:700;font-size:17px}
.no{color:var(--text-light);font-size:17px}

/* ── INTEGRATION LOGOS ── */
.int-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border-light);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;margin-top:52px}
.int-cell{background:#fff;padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:background .2s}
.int-cell:hover{background:var(--metal-light)}
.int-cell-icon{width:42px;height:42px;border-radius:10px;background:var(--metal-light);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center}
.int-cell-icon svg{width:20px;height:20px;stroke:var(--blue-mid);fill:none;stroke-width:1.5}
.int-cell-name{font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--text-mid);letter-spacing:.04em;text-align:center}

/* ── BUILDING-IN-PUBLIC SECTION ── */
.bip-section{background: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;padding:88px 5%}
.bip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.bip-text h2{font-family:var(--font-head);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:200;letter-spacing:-.04em;color:#fff;line-height:1.1;margin-bottom:14px}
.bip-text h2 strong{font-weight:800}
.bip-text p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:28px}
.bip-milestones{display:flex;flex-direction:column;gap:0}
.bip-ms{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(66,165,245,.07);position:relative}
.bip-ms:last-child{border-bottom:none}
.bip-ms-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:2}
.bip-ms-dot.done{background:var(--green);box-shadow:0 0 8px rgba(74,222,128,.4)}
.bip-ms-dot.active{background:var(--blue-light);animation:pulse 1.5s infinite}
.bip-ms-dot.soon{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}
.bip-ms:not(:last-child) .bip-ms-dot::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1px;height:calc(100% + 17px);background:linear-gradient(180deg,rgba(66,165,245,.3),rgba(66,165,245,.05))}
.bip-ms-body h4{font-family:var(--font-head);font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.bip-ms-tag{font-family:var(--font-mono);font-size:9.5px;padding:2px 7px;border-radius:3px}
.bip-ms-tag.done{background:rgba(74,222,128,.12);color:var(--green);border:1px solid rgba(74,222,128,.25)}
.bip-ms-tag.now{background:rgba(66,165,245,.12);color:var(--blue-light);border:1px solid rgba(66,165,245,.25)}
.bip-ms-tag.q{background:rgba(255,255,255,.06);color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.1)}
.bip-ms-body p{font-size:13px;color:rgba(255,255,255,.38);line-height:1.6}
/* Right panel — live stats terminal */
.bip-terminal{background:rgba(3,50,121,.97);border:1px solid rgba(66,165,245,.15);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4);font-family:var(--font-mono)}
.bip-term-bar{background:rgba(66,165,245,.06);padding:10px 16px;border-bottom:1px solid rgba(66,165,245,.08);display:flex;align-items:center;justify-content:space-between}
.bip-term-title{font-size:11px;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:8px}
.bip-term-ver{font-size:10px;color:var(--blue-pale)}
.bip-term-body{padding:20px}
.bip-term-line{font-size:11.5px;line-height:2;display:flex;gap:10px}
.bterm-prompt{color:rgba(66,165,245,.5)}
.bterm-cmd{color:rgba(255,255,255,.7)}
.bterm-out{color:rgba(255,255,255,.38);padding-left:16px;display:block}
.bterm-green{color:var(--green)}
.bterm-blue{color:var(--blue-light)}
.bterm-amber{color:var(--amber)}
.bterm-cursor{display:inline-block;width:8px;height:13px;background:var(--blue-light);animation:blink-cursor .9s step-end infinite;vertical-align:text-bottom}
@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}
.bip-term-scan{height:1px;background:linear-gradient(90deg,transparent,rgba(66,165,245,.4),transparent);animation:scan-v 5s linear infinite}

/* ── FAQ / TRUST ── */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.trust-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:28px 24px;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;transition:transform .2s,box-shadow .2s}
.trust-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(176,190,197,0.45)}
.tc-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}
.tc-icon svg{width:20px;height:20px;stroke:var(--blue-mid);fill:none;stroke-width:1.5}
.trust-card h4{font-family:var(--font-head);font-size:15px;font-weight:700;margin-bottom:8px}
.trust-card p{font-size:13.5px;color:var(--text-mid);line-height:1.65}

/* ── RESPONSIVE ── */

/* Large tablet */
@media(max-width:1100px){
  .tab-panel.active{grid-template-columns:1fr;gap:44px}
  .bip-inner{grid-template-columns:1fr}
  .bip-terminal{display:none}
}

/* Tablet */
@media(max-width:900px){
  .models-grid{grid-template-columns:1fr 1fr}
  .deploy-cards{grid-template-columns:1fr}
  .sec-badges{grid-template-columns:1fr 1fr}
  .tech-hero-strip{grid-template-columns:repeat(3,1fr)}
  .trust-grid{grid-template-columns:1fr}
  .int-grid{grid-template-columns:repeat(3,1fr)}
  .live-stats-row{grid-template-columns:1fr 1fr}
}

/* Mobile */
@media(max-width:768px){
  /* Hero */
  .tech-hero{padding: 110px 5% 0}
  .tech-hero-text h1{font-size: clamp(1.8rem, 6vw, 2.8rem)}
  .tech-hero-text p{font-size: 0.95rem; margin-bottom: 28px}
  .tech-hero-ctas{gap: 10px; margin-bottom: 40px; flex-direction: column; align-items: stretch}
  .tech-hero-ctas .btn-primary,
  .tech-hero-ctas .btn-secondary-light{width: 100%; justify-content: center}
  .tech-hero-strip{grid-template-columns: repeat(2,1fr); border-radius: 10px 10px 0 0}
  .ths-item{padding: 16px 12px}
  .ths-num{font-size: 1.3rem}
  .ths-lbl{font-size: 9px}
  .ths-hide-mobile{display: none !important}

  /* Pipeline */
  .pipeline-visual-section{padding: 56px 5%}
  .pv-track{flex-direction: column; gap: 16px}
  .pv-track::before{display: none}
  .pv-step{flex-direction: row; text-align: left; align-items: flex-start; gap: 14px}
  .pv-icon-wrap{flex-shrink: 0; width: 56px; height: 56px}
  .pv-arrow{display: none}
  .pv-name{font-size: 13px}
  .pv-desc{font-size: 12px}

  /* Tabs */
  .tabs-section{padding: 56px 5%}
  .tabs-row{width: 100%; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none}
  .tabs-row::-webkit-scrollbar{display: none}
  .tab-btn{font-size: 11px; padding: 9px 14px; white-space: nowrap}
  .tab-panel.active{gap: 32px}

  /* Specs */
  .spec-list{border-radius: 8px}
  .spec-key{width: 120px; font-size: 10px}
  .spec-val{font-size: 11px}

  /* Architecture */
  .arch{padding: 22px; border-radius: 12px}
  .arch-row{flex-wrap: wrap}
  .ab{font-size: 10px; padding: 10px}
  .arch-stat-row{flex-wrap: wrap}
  .arch-stat{flex: 1 1 45%}

  /* Models */
  .models-grid{grid-template-columns: 1fr; gap: 14px; margin-top: 36px}
  .model-card{padding: 24px 20px}
  .model-card h3{font-size: 15px}
  .model-card p{font-size: 12.5px}

  /* Deploy */
  .deploy-cards{gap: 14px; margin-top: 36px}
  .dc{padding: 24px 20px}
  .dc-title{font-size: 15px}

  /* Security badges */
  .sec-badges{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px}
  .sec-badge{padding: 18px 14px}
  .sec-badge-name{font-size: 11.5px}

  /* Comparison table */
  .cmp-table{font-size: 12px}
  .cmp-table th{padding: 14px 12px; font-size: 10px}
  .cmp-table td{padding: 12px; font-size: 12px}

  /* Integration */
  .int-grid{grid-template-columns: repeat(2,1fr); margin-top: 36px}
  .int-cell{padding: 18px 14px}
  .int-cell-name{font-size: 10px}

  /* Live stats */
  .live-stats-row{grid-template-columns: 1fr 1fr; gap: 12px}
  .lsr-box{padding: 24px 18px}
  .lsr-num{font-size: 1.8rem}

  /* BIP */
  .bip-section{padding: 56px 5%}
  .bip-text h2{font-size: clamp(1.5rem, 4vw, 2.2rem)}
  .bip-text p{font-size: 13px}
  .bip-ms-body h4{font-size: 13px}
  .bip-ms-body p{font-size: 12px}

  /* Trust */
  .trust-grid{gap: 14px; margin-top: 36px}
  .trust-card{padding: 22px 20px}
  .trust-card h4{font-size: 14px}
  .trust-card p{font-size: 12.5px}
}

/* Small mobile */
@media(max-width:480px){
  .tech-hero{padding: 100px 4% 0}
  .tech-hero-text h1{font-size: clamp(1.6rem, 7vw, 2.2rem)}
  .tech-hero-text p{font-size: 0.9rem}
  .tech-hero-strip{grid-template-columns: repeat(2,1fr)}
  .ths-num{font-size: 1.2rem}

  .tabs-section{padding: 44px 4%}
  .tab-btn{font-size: 10px; padding: 8px 10px}

  .live-stats-row{grid-template-columns: 1fr 1fr; gap: 10px}
  .lsr-num{font-size: 1.5rem}
  .lsr-lbl{font-size: 11px}

  .sec-badges{grid-template-columns: 1fr 1fr; gap: 10px}
  .sec-badge{padding: 16px 12px}

  .int-grid{grid-template-columns: 1fr 1fr}
}