/* =====================================================
   BULKIT.CSS — Imbali Customised Solutions
   BulkIT Product Page Styles
   Brand: #45B6F0 | #0C0908 | #1520A6 | #ffffff
   ===================================================== */

/* ---- HERO ---- */
.bulkit-hero {
  position: relative;
  min-height: 100vh;
  background: #0C0908;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#bulkit-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.bulkit-hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 50%, rgba(69,182,240,0.06) 0%, transparent 70%);
  z-index: 1;
}

.bulkit-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 960px;
  padding: 0 20px;
  padding-top: 80px;
}

.bulkit-eyebrow {
  display: inline-block;
  background: rgba(69,182,240,0.12);
  border: 1px solid rgba(69,182,240,0.4);
  color: #45B6F0;
  font-size: 0.78rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 30px;
  margin-bottom: 28px;
  opacity: 0;
  animation: fadeInDown 0.8s ease 0.2s forwards;
}

.bulkit-hero-title {
  font-family: 'Segoe UI', sans-serif;
  font-size: clamp(4rem, 9vw, 8rem);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -3px;
  line-height: 0.95;
  margin-bottom: 8px;
  opacity: 0;
  animation: fadeInUp 0.9s ease 0.4s forwards;
}

.bulkit-hero-title .accent { color: #45B6F0; }

.bulkit-hero-tagline {
  font-size: clamp(0.9rem, 1.8vw, 1.15rem);
  color: #45B6F0;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 24px;
  opacity: 0;
  animation: fadeInUp 0.9s ease 0.5s forwards;
}

.bulkit-hero-sub {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #94a3b8;
  line-height: 1.7;
  max-width: 720px;
  margin: 0 auto 40px;
  opacity: 0;
  animation: fadeInUp 0.9s ease 0.6s forwards;
}

.bulkit-hero-badges {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 44px;
  opacity: 0;
  animation: fadeInUp 0.9s ease 0.75s forwards;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  color: #cbd5e1;
  font-size: 0.78rem;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: 6px;
  backdrop-filter: blur(4px);
}

.hero-badge .dot {
  width: 6px; height: 6px;
  background: #45B6F0;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 8px #45B6F0;
  animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
  0%,100% { opacity:1; } 50% { opacity:0.4; }
}

.bulkit-hero-cta {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  opacity: 0;
  animation: fadeInUp 0.9s ease 0.9s forwards;
}

.scroll-cue {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: rgba(69,182,240,0.5);
  font-size: 1.4rem;
  animation: bounce 2.5s infinite;
}

@keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(10px);} }

/* ---- SHARED BUTTONS ---- */
.btn-primary {
  background: #45B6F0;
  color: #0C0908;
  padding: 14px 34px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  font-family: 'Segoe UI', sans-serif;
}
.btn-primary:hover {
  background: #fff;
  color: #0C0908;
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(69,182,240,0.4);
}

.btn-outline {
  background: transparent;
  color: #45B6F0;
  padding: 14px 34px;
  border: 2px solid rgba(69,182,240,0.5);
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: 'Segoe UI', sans-serif;
}
.btn-outline:hover {
  background: rgba(69,182,240,0.1);
  border-color: #45B6F0;
  transform: translateY(-3px);
}

.btn-white {
  background: #fff;
  color: #1520A6;
  padding: 16px 38px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: 'Segoe UI', sans-serif;
}
.btn-white:hover { transform:translateY(-3px); box-shadow:0 14px 28px rgba(0,0,0,0.25); }

.btn-ghost {
  background: transparent;
  color: #fff;
  padding: 16px 38px;
  border: 2px solid rgba(255,255,255,0.5);
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: 'Segoe UI', sans-serif;
}
.btn-ghost:hover { background:rgba(255,255,255,0.1); border-color:#fff; }

/* ---- SHARED SECTION TYPOGRAPHY ---- */
.section-label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-weight: 700;
  color: #45B6F0;
  margin-bottom: 12px;
}
.section-title {
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  font-family: 'Segoe UI', sans-serif;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 18px;
}
.section-title.light { color: #f1f5f9; }
.section-divider {
  width: 56px; height: 3px;
  background: linear-gradient(90deg, #45B6F0, #1520A6);
  border-radius: 2px; margin: 0 auto 28px;
}
.section-divider.left { margin: 0 0 28px; }
.section-text { font-size: 1.05rem; color: #475569; line-height: 1.8; }
.section-text.light { color: #94a3b8; }

/* ---- STATS STRIP ---- */
.bulkit-stats {
  background: #0C0908;
  padding: 56px 20px;
  border-top: 0px solid rgba(69,182,240,0.2);
  border-bottom: 1px solid rgba(69,182,240,0.2);
}
.stats-grid {
  max-width: 1100px; margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  gap: 20px;
  text-align: center;
}
.stat-item { padding: 16px 10px; }
.stat-number {
  font-size: 2.8rem; font-weight: 900;
  font-family: 'Segoe UI', sans-serif;
  color: #45B6F0; line-height: 1; margin-bottom: 6px;
  transition: all 0.3s;
}
.stat-suffix { font-size: 1.8rem; }
.stat-label {
  font-size: 0.78rem; color: #64748b;
  letter-spacing: 2px; text-transform: uppercase; font-weight: 600;
}

/* ---- INTRO ---- */
.bulkit-intro { background: #f8fafc; padding: 100px 20px; }
.bulkit-intro-wrapper {
  max-width: 900px; margin: 0 auto; text-align: center;
}
.bulkit-intro .section-title { color: #0f172a; }

/* ---- CAPABILITIES ---- */
.bulkit-capabilities { background: #fff; padding: 120px 20px; }
.capabilities-wrapper { max-width: 1200px; margin: 0 auto; }
.capabilities-header { text-align: center; margin-bottom: 70px; }
.capabilities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
  gap: 28px;
}

.capability-card {
  background: #f8fafc;
  border-radius: 16px;
  padding: 36px 28px;
  border: 1px solid #e2e8f0;
  transition: all 0.4s cubic-bezier(.4,2,.3,1);
  position: relative;
  overflow: hidden;
}
.capability-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#45B6F0,#1520A6);
  transform:scaleX(0); transition:transform 0.4s ease;
  transform-origin:left;
}
.capability-card:hover {
  transform:translateY(-10px);
  box-shadow:0 28px 52px rgba(69,182,240,0.13), 0 0 0 1px rgba(69,182,240,0.2);
  background:#fff;
}
.capability-card:hover::before { transform:scaleX(1); }

.capability-icon-wrap {
  width: 58px; height: 58px;
  background: linear-gradient(135deg, rgba(69,182,240,0.12), rgba(21,32,166,0.12));
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.7rem; margin-bottom: 22px;
}
.capability-card h3 {
  font-size: 1.2rem; font-family:'Segoe UI',sans-serif;
  font-weight: 700; color: #0f172a; margin-bottom: 10px;
}
.capability-card > p {
  font-size: 0.92rem; color: #64748b; line-height: 1.6; margin-bottom: 18px;
}
.capability-list { list-style:none; padding:0; margin:0; }
.capability-list li {
  font-size: 0.88rem; color: #475569;
  padding: 7px 0; padding-left: 18px;
  position:relative;
  border-bottom: 1px solid #f1f5f9;
}
.capability-list li:last-child { border-bottom:none; }
.capability-list li::before { content:'→'; position:absolute; left:0; color:#45B6F0; font-size:0.8rem; }

/* ---- REVENUE PROTECTION ---- */
.revenue-protection {
  background: linear-gradient(135deg, #0C0908 0%, #0a1628 100%);
  padding: 120px 20px;
  border-top: 4px solid #45B6F0;
}
.revenue-wrapper {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns:1fr 1fr; gap: 80px; align-items: center;
}
.revenue-text .section-divider { margin:0 0 28px; }
.revenue-callout {
  background: rgba(69,182,240,0.07);
  border: 1px solid rgba(69,182,240,0.3);
  border-left: 4px solid #45B6F0;
  border-radius: 8px; padding: 24px;
  margin: 28px 0;
}
.revenue-callout p {
  color: #e2e8f0; font-size: 1.05rem; line-height: 1.7; margin:0; font-style:italic;
}
.revenue-pillars {
  display: grid; grid-template-columns:1fr 1fr; gap: 14px;
}
.revenue-pillar {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px; padding: 16px;
  transition: all 0.3s ease;
}
.revenue-pillar:hover {
  background: rgba(69,182,240,0.07);
  border-color: rgba(69,182,240,0.3);
}
.revenue-pillar-icon { font-size:1.6rem; margin-bottom:8px; display:block; }
.revenue-pillar h4 {
  color: #45B6F0; font-size:0.8rem;
  font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:4px;
}
.revenue-pillar p { color:#64748b; font-size:0.78rem; line-height:1.5; margin:0; }

/* ---- HOW IT WORKS ---- */
.bulkit-how-it-works {
  background: #0C0908;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='1' fill='%2345B6F0' opacity='0.12'/%3E%3C/svg%3E");
  padding: 120px 20px;
}
.how-wrapper { max-width: 900px; margin: 0 auto; }
.how-header { text-align: center; margin-bottom: 80px; }

.steps-timeline {
  position: relative;
  display: flex; flex-direction: column; gap: 0;
}
.steps-timeline::before {
  content:'';
  position:absolute; left:40px; top:0; bottom:0;
  width:2px;
  background:linear-gradient(180deg,#45B6F0,#1520A6,#45B6F0,#1520A6,#45B6F0);
  opacity:0.6;
}

.step-item {
  display: flex; gap: 32px; align-items: flex-start;
  padding: 20px 0;
  opacity:0; transform:translateX(-40px);
  transition:all 0.6s ease;
}
.step-item.visible { opacity:1; transform:translateX(0); }

.step-circle {
  flex-shrink:0;
  width: 80px; height: 80px;
  background: linear-gradient(135deg, #45B6F0, #1520A6);
  border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
  font-size: 1.5rem; font-weight:900; color:#fff;
  font-family:'Segoe UI',sans-serif;
  box-shadow: 0 0 30px rgba(69,182,240,0.35);
  position:relative; z-index:1;
}
.step-body { padding-top:18px; flex:1; }
.step-body h3 { font-size:1.15rem; font-weight:700; color:#f1f5f9; margin-bottom:6px; font-family:'Segoe UI',sans-serif; }
.step-body p { font-size:0.92rem; color:#94a3b8; line-height:1.6; margin-bottom:10px; }
.step-chips { display:flex; flex-wrap:wrap; gap:6px; }
.step-chip {
  background:rgba(69,182,240,0.1); border:1px solid rgba(69,182,240,0.25);
  color:#45B6F0; font-size:0.72rem; padding:3px 10px; border-radius:20px;
}

/* ---- SMS ENGINE ---- */
.bulkit-sms-engine { background:#f8fafc; padding:120px 20px; }
.sms-wrapper { max-width:1200px; margin:0 auto; }
.sms-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }

.sms-visual-panel {
  background: #0C0908;
  border-radius:20px; padding:40px;
  border:1px solid rgba(69,182,240,0.2);
  position:relative; overflow:hidden;
}
.sms-visual-panel::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 70% 30%, rgba(69,182,240,0.07) 0%, transparent 60%);
  pointer-events:none;
}
.sms-gateway-label {
  color:#45B6F0; font-size:0.72rem;
  letter-spacing:2.5px; text-transform:uppercase;
  font-weight:700; margin-bottom:14px; display:block;
}
.sms-gateways {
  display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:20px;
}
.gateway-pill {
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(69,182,240,0.2);
  border-radius:8px; padding:12px;
  text-align:center; color:#94a3b8;
  font-size:0.82rem; font-weight:600;
  transition:all 0.3s;
}
.gateway-pill:hover { background:rgba(69,182,240,0.1); color:#45B6F0; border-color:#45B6F0; }

.ai-badge-strip {
  background:linear-gradient(135deg,rgba(69,182,240,0.08),rgba(21,32,166,0.08));
  border:1px solid rgba(69,182,240,0.2);
  border-radius:10px; padding:16px; margin-top:20px;
}
.ai-badge-strip-label { color:#45B6F0; font-size:0.72rem; letter-spacing:2px; text-transform:uppercase; font-weight:700; margin-bottom:10px; display:block; }
.ai-badge-pills { display:flex; flex-wrap:wrap; gap:6px; }
.ai-pill {
  background:rgba(69,182,240,0.08); border:1px solid rgba(69,182,240,0.2);
  color:#94a3b8; font-size:0.75rem; padding:4px 10px; border-radius:20px;
}

.sms-feature-list { list-style:none; padding:0; margin:0; }
.sms-feature-item {
  display:flex; align-items:flex-start; gap:14px;
  padding:14px 0; border-bottom:1px solid #e2e8f0;
}
.sms-feature-item:last-child { border-bottom:none; }
.sms-feat-icon {
  width:36px; height:36px; flex-shrink:0;
  background:rgba(69,182,240,0.1); border-radius:9px;
  display:flex; align-items:center; justify-content:center; font-size:1rem;
}
.sms-feat-text h4 { font-size:0.95rem; font-weight:700; color:#0f172a; margin:0 0 3px; }
.sms-feat-text p { font-size:0.85rem; color:#64748b; margin:0; line-height:1.5; }

/* ---- DOCUMENT ENGINE ---- */
.bulkit-doc-engine {
  background: linear-gradient(180deg, #0a1020 0%, #0C0908 100%);
  padding:120px 20px;
}
.doc-wrapper { max-width:1200px; margin:0 auto; }
.doc-header { text-align:center; margin-bottom:80px; }

.doc-process-flow {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:0;
  position:relative;
}
.doc-process-flow::before {
  content:'';
  position:absolute; top:52px;
  left:8%; right:8%; height:2px;
  background:linear-gradient(90deg,transparent,#45B6F0,#1520A6,#45B6F0,transparent);
  z-index:0;
}
.doc-step {
  display:flex; flex-direction:column; align-items:center;
  text-align:center; padding:0 16px; position:relative; z-index:1;
}
.doc-step-icon {
  width:104px; height:104px;
  background:linear-gradient(135deg,#45B6F0,#1520A6);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:2.2rem; margin-bottom:24px;
  box-shadow:0 0 40px rgba(69,182,240,0.3);
  transition:all 0.35s ease;
}
.doc-step:hover .doc-step-icon {
  transform:scale(1.12) translateY(-6px);
  box-shadow:0 0 60px rgba(69,182,240,0.5);
}
.doc-step h4 { color:#e2e8f0; font-size:0.95rem; font-weight:700; margin-bottom:8px; font-family:'Segoe UI',sans-serif; }
.doc-step p { color:#64748b; font-size:0.82rem; line-height:1.5; }

/* ---- SECURITY ---- */
.bulkit-security { background:#0f172a; padding:120px 20px; }
.security-wrapper { max-width:1200px; margin:0 auto; }
.security-header { text-align:center; margin-bottom:70px; }

.security-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:50px;
}
.security-card {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:16px; padding:32px;
  transition:all 0.3s ease;
}
.security-card:hover {
  background:rgba(69,182,240,0.05);
  border-color:rgba(69,182,240,0.25);
}
.security-card-head {
  display:flex; align-items:center; gap:14px; margin-bottom:20px;
}
.security-card-ico {
  width:46px; height:46px;
  background:linear-gradient(135deg,rgba(69,182,240,0.18),rgba(21,32,166,0.18));
  border-radius:10px;
  display:flex; align-items:center; justify-content:center; font-size:1.3rem;
}
.security-card h3 { color:#e2e8f0; font-size:1.05rem; font-weight:600; margin:0; }

.security-items { list-style:none; padding:0; margin:0; }
.security-items li {
  color:#94a3b8; font-size:0.88rem;
  padding:8px 0; padding-left:22px;
  position:relative;
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.security-items li:last-child { border-bottom:none; }
.security-items li::before { content:'🔐'; position:absolute; left:0; font-size:0.7rem; top:9px; }

.compliance-row {
  text-align:center;
  padding-top:40px;
  border-top:1px solid rgba(255,255,255,0.06);
}
.compliance-row p { color:#64748b; font-size:0.82rem; letter-spacing:2px; text-transform:uppercase; margin-bottom:16px; }
.compliance-badges { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.compliance-badge {
  background:rgba(69,182,240,0.08);
  border:1px solid rgba(69,182,240,0.35);
  color:#45B6F0;
  padding:8px 20px; border-radius:6px;
  font-size:0.82rem; font-weight:700; letter-spacing:1.5px;
}

/* ---- USE CASES ---- */
.bulkit-use-cases { background:#f8fafc; padding:120px 20px; }
.use-cases-wrapper { max-width:1200px; margin:0 auto; }
.use-cases-header { text-align:center; margin-bottom:70px; }
.use-cases-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:28px;
}
.use-case-card {
  background:#fff; border-radius:16px; padding:40px;
  border:1px solid #e2e8f0;
  transition:all 0.4s ease; position:relative; overflow:hidden;
}
.use-case-card::after {
  content:''; position:absolute; bottom:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg,#45B6F0,#1520A6);
  transform:scaleX(0); transition:transform 0.4s ease;
  transform-origin:left;
}
.use-case-card:hover { transform:translateY(-8px); box-shadow:0 20px 44px rgba(69,182,240,0.1); }
.use-case-card:hover::after { transform:scaleX(1); }
.use-case-emoji { font-size:2.5rem; margin-bottom:18px; display:block; }
.use-case-card h3 { font-size:1.2rem; font-weight:700; color:#0f172a; margin-bottom:10px; font-family:'Segoe UI',sans-serif; }
.use-case-card > p { color:#64748b; font-size:0.92rem; line-height:1.6; margin-bottom:18px; }
.use-case-list { list-style:none; padding:0; }
.use-case-list li {
  color:#475569; font-size:0.88rem;
  padding:6px 0; padding-left:20px; position:relative;
}
.use-case-list li::before { content:'✓'; position:absolute; left:0; color:#45B6F0; font-weight:700; }

/* ---- MICROSOFT PARTNER ---- */
.bulkit-microsoft {
  background: #0C0908;
  padding:80px 20px; text-align:center;
  border-top:1px solid rgba(69,182,240,0.2);
  border-bottom:1px solid rgba(69,182,240,0.2);
}
.ms-wrapper { max-width:900px; margin:0 auto; }
.ms-wrapper p { color:#64748b; font-size:0.78rem; letter-spacing:2.5px; text-transform:uppercase; margin-bottom:20px; }
.ms-logo-row {
  display:flex; align-items:center; justify-content:center;
  gap:20px; flex-wrap:wrap; margin-bottom:30px;
}
.ms-tech-pills { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.ms-tech-pill {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  color:#94a3b8; padding:6px 14px;
  border-radius:6px; font-size:0.78rem;
  display:flex; align-items:center; gap:6px;
}

/* ---- CTA ---- */
.bulkit-cta {
  background:linear-gradient(135deg,#1520A6 0%,#45B6F0 100%);
  padding:110px 20px; text-align:center;
  position:relative; overflow:hidden;
}
.bulkit-cta::before {
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='1.5' fill='%23ffffff' opacity='0.08'/%3E%3C/svg%3E");
  pointer-events:none;
}
.cta-wrapper { max-width:800px; margin:0 auto; position:relative; z-index:1; }
.cta-wrapper h2 {
  font-size:clamp(2.2rem,4vw,3.2rem);
  font-family:'Segoe UI',sans-serif; font-weight:700;
  color:#fff; margin-bottom:18px;
}
.cta-wrapper p { color:rgba(255,255,255,0.82); font-size:1.1rem; line-height:1.7; margin-bottom:40px; }
.cta-buttons { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ---- ANIMATIONS ---- */
@keyframes fadeInDown {
  from { opacity:0; transform:translateY(-20px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(30px); }
  to { opacity:1; transform:translateY(0); }
}

/* ---- MOBILE ---- */
@media(max-width:768px) {
  .sms-grid, .revenue-wrapper, .use-cases-grid, .security-grid { grid-template-columns:1fr; gap:30px; }
  .doc-process-flow::before { display:none; }
  .steps-timeline::before { left:39px; }
  .step-item { flex-direction:column; gap:16px; }
  .step-circle { width:68px; height:68px; font-size:1.2rem; }
  .revenue-pillars { grid-template-columns:1fr 1fr; }
  .bulkit-hero-title { letter-spacing:-1px; }
}
@media(max-width:480px) {
  .doc-process-flow { grid-template-columns:1fr 1fr; }
  .revenue-pillars { grid-template-columns:1fr; }
}