:root{
      --brand-accent: #ff7a00; /* orange */
      --brand-blue: #0b1e2d;
      --brand-black:#0b0f14;
      --text:#e6f1f3;
      --muted:#9fb6c3;
      --card:#101722;
      --card-2:#0f1620;
      --grad:
        radial-gradient(1200px 600px at 20% 0%, rgba(255,122,0,.18), transparent 60%),
        radial-gradient(1200px 600px at 80% 0%, rgba(11,30,45,.35), transparent 60%),
        linear-gradient(180deg, #0b0f14 0%, #0b1e2d 70%);
    }
    html,body{background:var(--brand-black);color:var(--text);}
    .navbar{background:rgba(11,15,20,.75);backdrop-filter:blur(6px);}
    .navbar-brand img{height:34px;width:auto;}
    .btn-brand{background:var(--brand-accent);border:none;color:#2b1200;font-weight:700;}
    .btn-outline-brand{border-color:var(--brand-accent);color:var(--text);}
    .btn-outline-brand:hover{background:var(--brand-accent);color:#2b1200;}
    .hero{background:var(--grad);}
    .navbar strong span{color:var(--brand-accent);}
    .hero h1 span{color:var(--brand-accent);}
    #ticker h2 span{color:var(--brand-accent);}
    .section-muted{color:var(--muted);}
    .badge-soft{background:rgba(255,122,0,.12);color:var(--brand-accent);border:1px solid rgba(255,122,0,.35);}
    .card{background:var(--card);border:1px solid #132337;color: #ff7a00;}
    .card.alt{background:var(--card-2);}
    .icon-pill{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:rgba(255,122,0,.12);border:1px solid rgba(255,122,0,.35);}
    .trusted-logos img { max-height: 28px; margin-right: 18px; opacity:.8; filter: grayscale(100%); }
    .tick { white-space: nowrap; overflow: hidden; }
    .tick-inner { display:inline-block; padding-left: 100%; animation: slide 30s linear infinite; }
    @keyframes slide { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } }
    footer{background:#0a131d;}
    a{text-decoration:none;}
    .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.35);}
    .companies{ width: 200px; height: 175px; padding: 5px;}

/* === Metric transition effects === */
.soc-metric { display:inline-block; will-change: filter, transform; }

/* Foggy blur effect */
.foggy-update { animation: fogIn 750ms ease; }
@keyframes fogIn {
  0%   { filter: blur(6px); opacity: 0.2; transform: translateY(-2px); }
  100% { filter: blur(0);  opacity: 1;   transform: none; }
}

/* Glitch effect */
.glitchy { position: relative; }
.glitchy::before,
.glitchy::after {
  content: attr(data-val);
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .75;
  mix-blend-mode: screen;
}
.glitchy::before {
  clip-path: polygon(0 0, 100% 0, 100% 48%, 0 48%);
  animation: glitchTop 420ms steps(2) 2;
  text-shadow: -1px 0 var(--brand-accent, #ff7a00);
}
.glitchy::after {
  clip-path: polygon(0 52%, 100% 52%, 100% 100%, 0 100%);
  animation: glitchBot 420ms steps(2) 2;
  text-shadow: 1px 0 #00d4ff;
}
@keyframes glitchTop {
  0% { transform: translate(0, 0); }
  50%{ transform: translate(-2px, -1px); }
  100%{ transform: translate(0, 0); }
}
@keyframes glitchBot {
  0% { transform: translate(0, 0); }
  50%{ transform: translate(2px, 1px); }
  100%{ transform: translate(0, 0); }
}

/* === Video placeholder === */
.video-placeholder {
  position: relative;
  min-height: 280px;
  border-radius: .75rem;
  overflow: hidden;
  border: 1px solid #19283a;
  background: radial-gradient(800px at 20% 20%, rgba(255,122,0,.18), transparent 60%), linear-gradient(180deg, #0d1520, #0a1018);
}
.video-thumb {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--text);
  font-weight: 700;
  letter-spacing: .02em;
}
.video-thumb::before {
  content:"";
  position:absolute;
  inset:0;
  background: url('assets/adamas-dark-bg.png') center/cover no-repeat;
  opacity: .65;
  filter: brightness(.95);
}
.video-overlay {
  position: relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding: 1rem 1.5rem;
  background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.7));
  border-radius: .5rem;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.video-overlay i { font-size:2rem; color:var(--brand-accent); }
.video-thumb:hover .video-overlay,
.video-thumb:focus .video-overlay {
  background:linear-gradient(180deg, rgba(255,122,0,.12), rgba(0,0,0,.75));
  transform: scale(1.02);
  box-shadow: 0 16px 36px rgba(0,0,0,.45);
}
.video-thumb:focus-visible { outline: 2px solid var(--brand-accent); outline-offset: 4px; }

/* === SOC mini dashboard === */
.soc-mini-charts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.mini-chart {
  background: #0f1620;
  border: 1px solid #132337;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.chart-label {
  font-size: .8rem;
  color: var(--muted);
  margin-bottom: 6px;
}
.pie-ghost {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: conic-gradient(from 180deg, rgba(255,122,0,.65) 0deg 110deg, rgba(0,212,255,.65) 110deg 220deg, rgba(255,255,255,.25) 220deg 360deg);
  mask: radial-gradient(circle at center, transparent 48%, #000 52%);
  animation: pieSpin 6s linear infinite;
}
.bar-stack {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 80px;
}
.bar-stack .bar {
  flex: 1;
  background: linear-gradient(180deg, rgba(255,122,0,.9), rgba(11,30,45,.9));
  border-radius: 6px 6px 2px 2px;
  animation: barPulse 2.4s ease-in-out infinite;
  transform-origin: bottom;
}
.bar-1 { height: 35%; animation-delay: 0.1s; }
.bar-2 { height: 55%; animation-delay: 0.3s; }
.bar-3 { height: 80%; animation-delay: 0.5s; }
.bar-4 { height: 50%; animation-delay: 0.7s; }
.bar-5 { height: 65%; animation-delay: 0.9s; }

.spark-line {
  position: relative;
  height: 80px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0,212,255,.35), rgba(255,122,0,.25));
  overflow: hidden;
}
.spark-line::before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(255,255,255,.3) 0%, transparent 50%, rgba(255,255,255,.3) 100%);
  mix-blend-mode: screen;
  animation: shimmer 3s linear infinite;
}
.spark-line .dot {
  position:absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--brand-accent);
  box-shadow: 0 0 18px rgba(255,122,0,.6);
  animation: dotPath 4s ease-in-out infinite;
}

.gauge {
  position: relative;
  height: 80px;
  border-radius: 8px;
  background: radial-gradient(circle at 50% 100%, rgba(255,122,0,.35), transparent 60%), #0d1520;
  overflow: hidden;
}
.gauge::before {
  content:"";
  position:absolute;
  inset: 12px 16px 8px 16px;
  border-radius: 50% 50% 0 0;
  border: 3px solid rgba(255,255,255,.1);
  border-bottom: none;
}
.gauge .needle {
  position:absolute;
  width: 2px;
  height: 38px;
  background: var(--brand-accent);
  left: 50%;
  bottom: 8px;
  transform-origin: bottom center;
  animation: sweep 3.2s ease-in-out infinite;
}
.gauge .needle::after {
  content:"";
  position:absolute;
  bottom:-6px;
  left:-4px;
  width:10px;
  height:10px;
  border-radius:50%;
  background: #0b0f14;
  border:2px solid var(--brand-accent);
}

@keyframes pieSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes barPulse {
  0%, 100% { transform: scaleY(.75); }
  50% { transform: scaleY(1.12); }
}
@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes dotPath {
  0% { transform: translate(5%, 70%); }
  25% { transform: translate(35%, 20%); }
  50% { transform: translate(65%, 60%); }
  75% { transform: translate(80%, 15%); }
  100% { transform: translate(5%, 70%); }
}
@keyframes sweep {
  0% { transform: rotate(-35deg); }
  50% { transform: rotate(25deg); }
  100% { transform: rotate(-35deg); }
}

/* === SOC Services redesign === */
.soc-section {
  background: radial-gradient(1200px at 15% 10%, rgba(249,115,22,.12), transparent 55%), radial-gradient(1100px at 85% 0%, rgba(56,189,248,.12), transparent 60%), linear-gradient(180deg, #0a0f16 0%, #0b1622 75%);
  border-top: 1px solid #111b28;
  border-bottom: 1px solid #111b28;
}
.soc-section h2 { letter-spacing: .01em; }
.soc-section .lead { max-width: 720px; }
.soc-cards .soc-card {
  background: rgba(16, 24, 36, .75);
  border: 1px solid #132337;
  border-radius: 16px;
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 40px rgba(0,0,0,.32);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position: relative;
  overflow: hidden;
}
.soc-card::after {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 16px;
  background: linear-gradient(120deg, rgba(249,115,22,.15), rgba(56,189,248,.15));
  opacity:0;
  transition: opacity .2s ease;
  pointer-events: none;
}
.soc-card:hover,
.soc-card:focus-within {
  transform: translateY(-4px);
  box-shadow: 0 18px 48px rgba(0,0,0,.42);
  border-color: rgba(249,115,22,.65);
}
.soc-card:hover::after,
.soc-card:focus-within::after { opacity: 0.7; }
.soc-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background: radial-gradient(circle at 30% 30%, rgba(249,115,22,.3), rgba(56,189,248,.2));
  color: #38bdf8;
  border: 1px solid rgba(56,189,248,.5);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}
.soc-card:hover .soc-icon,
.soc-card:focus-within .soc-icon {
  transform: scale(1.06);
  color: #f97316;
  border-color: rgba(249,115,22,.7);
  box-shadow: 0 10px 28px rgba(249,115,22,.3);
}
.soc-card ul { padding-left: 16px; margin-bottom: 0; }
.soc-card li { margin-bottom: 6px; }
.text-orange { color: #f97316; }
.text-cyan { color: #38bdf8; }

/* === SOC Use Cases redesign === */
.usecases-section {
  background: radial-gradient(1000px at 10% 10%, rgba(249,115,22,.12), transparent 60%), radial-gradient(900px at 90% 5%, rgba(56,189,248,.12), transparent 60%), linear-gradient(180deg, #0a0f16, #0b141f 70%);
  border-top: 1px solid #111b28;
  border-bottom: 1px solid #111b28;
}
.usecase-feature {
  background: rgba(12,19,30,.4);
  border: 1px solid #1a283a;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 12px 32px rgba(0,0,0,.3);
}
.usecase-visual {
  position: relative;
  min-height: 260px;
  border-radius: 16px;
  background: radial-gradient(120% 120% at 20% 20%, rgba(56,189,248,.18), transparent 45%), radial-gradient(120% 120% at 80% 80%, rgba(249,115,22,.14), transparent 50%), linear-gradient(160deg, #0e1725, #0b111b);
  overflow: hidden;
  border: 1px solid #1f2d3f;
}
.usecase-visual.alt { background: radial-gradient(120% 120% at 80% 20%, rgba(249,115,22,.18), transparent 45%), radial-gradient(120% 120% at 10% 80%, rgba(56,189,248,.14), transparent 50%), linear-gradient(200deg, #0e1725, #0c1522); }
.viz-grid {
  position: absolute;
  inset: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.viz-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  box-shadow: 0 0 12px rgba(56,189,248,.35);
  animation: pulse 2.8s ease-in-out infinite;
}
.phish-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  /* pointer-events: none;  ← REMOVE THIS */
}

.phish-svg .phish-halo {
  fill: url(#phishHalo);
  opacity: 0.45;
}
.phish-svg .phish-envelope {
  fill: rgba(12,18,28,0.92);
  stroke: #f9a24b;
  stroke-width: 2.5;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,0.35));
}
.phish-svg .phish-envelope path {
  fill: none;
  stroke: #f9a24b;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.phish-svg .phish-envelope circle {
  fill: #f9a24b;
}
.phish-svg .phish-hook {
  fill: none;
  stroke: url(#phishGlow);
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.phish-svg .phish-line {
  fill: none;
  stroke: rgba(249,115,22,0.6);
  stroke-width: 2;
  stroke-dasharray: 4 5;
}
.phish-svg .phish-signal {
  fill: none;
  stroke: rgba(56,189,248,0.6);
  stroke-width: 2;
  stroke-dasharray: 4 6;
}
.phish-icon:hover .phish-envelope {
  filter: drop-shadow(0 10px 22px rgba(249,115,22,0.35));
}
.phish-icon:hover .phish-hook {
  filter: drop-shadow(0 0 10px rgba(249,115,22,0.35));
}

.threat-icon {
  width: 270px;
  height: 270px;
  opacity: 0.95;
  transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
}
.crime-svg,
.phish-svg,
.misconfig-svg {
  width: 270px;
  height: 270px;
}
.phish-img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.crime-img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.misconfig-img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}



.phish-icon:hover .phish-img {
  filter: drop-shadow(0 0 18px rgba(249,115,22,0.45));
}
.crime-icon:hover .crime-img {
  filter: drop-shadow(0 0 18px rgba(56,189,248,0.45));
}
.misconfig-icon:hover .misconfig-img {
  filter: drop-shadow(0 0 18px rgba(56,189,248,0.45));
}
.phish-icon:hover .threat-icon {
  transform: scale(1.06);
  opacity: 1;
}

.misconfig-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.misconfig-svg .mis-halo {
  fill: url(#misHalo);
  opacity: 0.45;
}
.misconfig-svg .gear-shell {
  fill: rgba(11,18,28,0.9);
  stroke: #38bdf8;
  stroke-width: 2.2;
}
.misconfig-svg .gear-shell .gear-ring {
  fill: rgba(11,18,28,0.85);
}
.misconfig-svg .gear-shell .gear-core {
  fill: #0b0f14;
  stroke: #f97316;
  stroke-width: 2.2;
}
.misconfig-svg .gear-shell .gear-tooth {
  fill: rgba(12,18,28,0.95);
  stroke: #f97316;
  stroke-width: 2.2;
  stroke-linejoin: round;
}
.misconfig-svg .gear-cloud {
  fill: rgba(11,20,32,0.8);
  stroke: rgba(56,189,248,0.9);
  stroke-width: 2.4;
}
.misconfig-svg .gear-broken .broken-ring {
  fill: rgba(11,15,20,0.9);
  stroke: #f97316;
  stroke-width: 2.2;
}
.misconfig-svg .gear-broken .broken-teeth {
  fill: none;
  stroke: rgba(56,189,248,0.7);
  stroke-width: 2;
  stroke-linecap: round;
}
.misconfig-svg .gear-broken .broken-notch {
  fill: rgba(12,18,28,0.95);
  stroke: #f97316;
  stroke-width: 2;
  stroke-linejoin: round;
}
.misconfig-svg .gear-broken .broken-alert {
  fill: rgba(249,115,22,0.2);
  stroke: #f97316;
  stroke-width: 2;
  stroke-linejoin: round;
}
.misconfig-svg .gear-broken .alert-mark {
  stroke: #f97316;
  stroke-width: 2.5;
  stroke-linecap: round;
}
.misconfig-svg .gear-broken .alert-dot {
  fill: #f97316;
}
.misconfig-svg .gear-crack {
  fill: none;
  stroke: rgba(56,189,248,0.7);
  stroke-width: 2;
  stroke-linecap: round;
}
.misconfig-icon:hover .gear-shell {
  filter: drop-shadow(0 0 16px rgba(56,189,248,0.35));
}
.misconfig-icon:hover .gear-tooth {
  filter: drop-shadow(0 0 12px rgba(249,115,22,0.35));
}
.misconfig-icon:hover .threat-icon {
  transform: scale(1.08);
}

.crime-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  /* pointer-events: none;  ← REMOVE THIS */
}
.crime-icon .hood {
  fill: rgba(9,16,26,.72);
  stroke: #38bdf8;
  stroke-width: 3;
}

.crime-icon .mask {
  fill: rgba(11,30,45,.6);
  stroke: #38bdf8;
  stroke-width: 3;
}

.crime-icon .eye {
  fill: #38bdf8;
}

.crime-icon .cipher {
  fill: none;
  stroke: rgba(56,189,248,.35);
  stroke-width: 3;
  stroke-linecap: round;
}

.crime-icon .glitch {
  fill: none;
  stroke: rgba(249,115,22,.55);
  stroke-width: 3;
  stroke-linecap: round;
}

.crime-icon:hover .threat-icon {
  transform: scale(1.06);
  opacity: 1;
  filter: drop-shadow(0 0 20px rgba(56,189,248,.35));
}



.viz-bars {
  position: absolute;
  bottom: 18px;
  left: 18px;
  right: 18px;
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.viz-bars.alt { right: 40px; }
.viz-bars .bar {
  flex:1;
  border-radius: 8px 8px 2px 2px;
  background: linear-gradient(180deg, rgba(249,115,22,.8), rgba(0,0,0,0));
  animation: barGlow 3s ease-in-out infinite;
}
.viz-bars .bar.short { height: 28%; }
.viz-bars .bar.mid { height: 55%; }
.viz-bars .bar.tall { height: 82%; }
.viz-curve, .viz-curve.alt {
  position:absolute;
  inset: 30px;
  border-radius: 18px;
  border: 1px dashed rgba(143,181,200,.25);
}
.viz-curve.alt { border: none; }
.viz-waves {
  position:absolute;
  inset: 40px 28px 28px 28px;
  display:flex;
  gap:8px;
  align-items:flex-end;
}
.viz-waves span {
  flex:1;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(56,189,248,.9), rgba(0,0,0,0));
  animation: wave 2.6s ease-in-out infinite;
}
.viz-waves span:nth-child(2) { animation-delay: .2s; }
.viz-waves span:nth-child(3) { animation-delay: .4s; }
.usecase-list { padding-left: 18px; margin-bottom: 0; }
.usecase-list li { margin-bottom: 6px; }
@media (max-width: 991px){
  .usecase-feature { padding: 18px; }
}

@keyframes pulse {
  0% { transform: scale(.9); opacity: .7; }
  50% { transform: scale(1); opacity: 1; }
  100% { transform: scale(.9); opacity: .7; }
}
@keyframes barGlow {
  0%, 100% { opacity: .7; transform: scaleY(.9); }
  50% { opacity: 1; transform: scaleY(1.05); }
}
@keyframes wave {
  0% { transform: translateY(8%); opacity: .8; }
  50% { transform: translateY(-8%); opacity: 1; }
  100% { transform: translateY(8%); opacity: .8; }
}

/* === Stack section === */
.stack-section {
  background: linear-gradient(180deg, #0b141f 0%, #0c1a29 70%);
  border-top: 1px solid #111b28;
  border-bottom: 1px solid #111b28;
}
.tile-card {
  background: rgba(16,24,36,.7);
  border: 1px solid #132337;
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0,0,0,.3);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.tile-card:hover { transform: translateY(-4px); border-color: rgba(249,115,22,.6); box-shadow: 0 16px 44px rgba(0,0,0,.4); }
.tile-kicker {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8fb5c8;
  font-size: .75rem;
  margin-bottom: 6px;
}

/* === Trust band === */
.trust-band {
  background: linear-gradient(90deg, rgba(249,115,22,.08), rgba(56,189,248,.08)), #0b1018;
  border-top: 1px solid #111b28;
  border-bottom: 1px solid #111b28;
}
.trust-carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.trust-track {
  display: flex;
  gap: 12px;
  animation: trustMarquee 18s linear infinite;
  width: max-content;
}
.logo-pill {
  display:inline-flex;
  align-items:center;
  gap: 8px;
  justify-content:center;
  padding:10px 14px;
  border-radius: 12px;
  background: rgba(15,23,34,.75);
  border:1px solid #1b2b3c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  color: var(--text);
  white-space: nowrap;
}
.logo-pill i { color: #38bdf8; }
@keyframes trustMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* === Resource CTA === */
.resource-cta {
  background: radial-gradient(800px at 20% 20%, rgba(249,115,22,.16), transparent 60%), linear-gradient(180deg, #0c1a29, #0b1622);
  border-top: 1px solid #111b28;
}

/* === Contact redesign === */
.contact-section {
  background: linear-gradient(180deg, #0b1622, #0a111c);
  border-top: 1px solid #111b28;
  padding-top: 8.5rem;
}
.contact-card {
  background: rgba(16,24,36,.8);
  border: 1px solid #132337;
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0,0,0,.3);
}
.contact-shell h1 { letter-spacing: .01em; }
.contact-shell .badge-soft { background: rgba(56,189,248,.12); color: #38bdf8; border-color: rgba(56,189,248,.3); }
.contact-meta { list-style: none; padding-left: 0; }
.contact-meta li { margin-bottom: 6px; }