@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,500;0,600;1,500&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#0A66D6;
  --cyan:#0792BC;
  --navy:#0C1B2E;
  --black:#FFFFFF;
  --glow:#33D6FF;
  --text-primary:#0C1B2E;
  --text-secondary:#4A5D72;
  --text-muted:#7C8DA0;
  --surface:#F3F7FC;
  --surface2:#E8F0F8;
  --border:rgba(12,40,75,0.10);
  --border-strong:rgba(10,102,214,0.28);
}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:radial-gradient(circle at top left, rgba(7,146,188,0.07), transparent 30%),
              radial-gradient(circle at bottom right, rgba(10,102,214,0.06), transparent 26%),
              linear-gradient(180deg, #FFFFFF 0%, #F6F9FD 40%, #FFFFFF 100%);
  background-attachment:fixed;
  color:var(--text-primary);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  position:relative;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(circle at 80% 12%, rgba(7,146,188,0.05), transparent 16%),
                    radial-gradient(circle at 50% 85%, rgba(10,102,214,0.04), transparent 20%);
  opacity:0.9;
}

/* UTILITY */
.container{max-width:1200px;margin:0 auto;padding:0 2rem}
.tag{
  display:inline-block;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--cyan);
  background:rgba(0,229,255,0.08);
  border:1px solid rgba(0,229,255,0.2);
  padding:4px 14px;
  border-radius:2px;
  margin-bottom:1.5rem;
}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:800;line-height:1.1}
.stat-num{font-family:'Manrope',sans-serif;font-weight:800}

/* SCROLL ANIMATIONS */
.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.visible{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal-left.visible{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal-right.visible{opacity:1;transform:none}

/* NAV — floating glass pill with sliding indicator */
nav{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:999;
  width:calc(100% - 3rem);max-width:1160px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 0.55rem 0 1.1rem;height:64px;
  background:rgba(255,255,255,0.68);
  backdrop-filter:blur(22px) saturate(165%);
  -webkit-backdrop-filter:blur(22px) saturate(165%);
  border:1px solid rgba(255,255,255,0.55);
  border-radius:999px;
  box-shadow:0 10px 40px rgba(12,40,75,0.10),inset 0 1px 0 rgba(255,255,255,0.7);
  transition:box-shadow .35s,background .35s,top .35s,height .35s;
}
nav.scrolled{
  top:10px;height:58px;
  background:rgba(255,255,255,0.9);
  box-shadow:0 16px 46px rgba(12,40,75,0.16),inset 0 1px 0 rgba(255,255,255,0.85);
}
.nav-logo{display:flex;align-items:center}
.nav-logo a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1}
.logo-mark{
  width:38px;height:38px;
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;flex-shrink:0;
  background:#0C1B2E;
  transition:transform .35s cubic-bezier(.5,1.5,.4,1),box-shadow .35s;
}
.nav-logo a:hover .logo-mark{transform:rotate(-8deg) scale(1.06);box-shadow:0 0 0 4px rgba(10,102,214,0.16)}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.logo-text{
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;
  font-family:'Orbitron','Space Grotesk',sans-serif;font-weight:800;font-size:16px;
  letter-spacing:0.13em;text-transform:uppercase;line-height:1;white-space:nowrap;
  background:linear-gradient(120deg,#0C1B2E 0%,#3C6188 50%,#0C1B2E 100%);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;transition:background-position .6s ease;
}
.logo-text span{
  font-weight:600;font-size:9px;letter-spacing:0.36em;margin-top:1px;
  background:linear-gradient(120deg,#0A66D6 0%,#0792BC 45%,#6E45E2 100%);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;transition:background-position .6s ease;
}
.nav-logo a:hover .logo-text,.nav-logo a:hover .logo-text span{background-position:100% center}

.nav-links{position:relative;display:flex;align-items:center;gap:0.15rem;list-style:none}
.nav-links li{position:static}
.nav-links a{
  position:relative;z-index:1;display:block;
  color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:600;
  letter-spacing:0.01em;padding:8px 12px;border-radius:999px;transition:color .25s;
}
.nav-links a:hover,.nav-links a.active{color:var(--blue)}
.nav-indicator{
  position:absolute;top:50%;left:0;width:0;height:36px;z-index:0;pointer-events:none;
  transform:translateY(-50%);border-radius:999px;opacity:0;
  background:linear-gradient(135deg,rgba(10,102,214,0.15),rgba(7,146,188,0.12));
  border:1px solid rgba(10,102,214,0.20);
  box-shadow:0 4px 14px rgba(10,102,214,0.14),inset 0 1px 0 rgba(255,255,255,0.5);
  transition:left .38s cubic-bezier(.5,1.35,.4,1),width .38s cubic-bezier(.5,1.35,.4,1),opacity .25s;
}
.nav-indicator.show{opacity:1}

.nav-cta{
  display:inline-flex;align-items:center;gap:7px;
  background:linear-gradient(135deg,var(--blue),#0A9BC9);
  color:#fff;border:none;padding:10px 20px;border-radius:999px;
  font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;letter-spacing:0.02em;
  text-decoration:none;cursor:pointer;position:relative;overflow:hidden;
  box-shadow:0 6px 18px rgba(10,102,214,0.30);
  transition:transform .2s,box-shadow .2s;
}
.nav-cta::after{content:'→';font-size:15px;line-height:1;transition:transform .25s}
.nav-cta::before{
  content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,0.45),transparent);
  transform:skewX(-18deg);transition:left .6s ease;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(10,102,214,0.42)}
.nav-cta:hover::after{transform:translateX(4px)}
.nav-cta:hover::before{left:130%}

/* HERO */
#hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;padding-top:72px;
}
#particle-canvas{position:absolute;inset:0;z-index:0}
.hero-grid{
  position:absolute;inset:0;z-index:0;
  background-image:
    linear-gradient(rgba(0,229,255,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,229,255,0.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black,transparent);
}
.hero-glow{
  position:absolute;top:20%;left:50%;transform:translateX(-50%);
  width:800px;height:400px;
  background:radial-gradient(ellipse,rgba(10,132,255,0.15) 0%,rgba(0,229,255,0.06) 40%,transparent 70%);
  z-index:0;pointer-events:none;
}
.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:2rem}
.hero-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:2rem;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
.hero-eyebrow::before,.hero-eyebrow::after{
  content:'';display:block;width:40px;height:1px;background:var(--cyan);opacity:0.4;
}
.hero-h1{font-size:clamp(48px,7vw,96px);font-weight:800;line-height:1;letter-spacing:-0.02em;margin-bottom:1.5rem}
.hero-h1 .blue{color:var(--blue)}
.hero-h1 .cyan{color:var(--cyan)}
.hero-sub{font-size:18px;color:var(--text-secondary);max-width:640px;margin:0 auto 3rem;line-height:1.7}
.hero-btns{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}
.btn-primary{
  background:var(--blue);color:#fff;
  padding:14px 32px;border-radius:4px;font-weight:600;font-size:15px;
  text-decoration:none;transition:all 0.2s;border:1px solid transparent;
  display:inline-flex;align-items:center;gap:8px;
}
.btn-primary:hover{background:#0070D9;transform:translateY(-2px);box-shadow:0 8px 30px rgba(10,132,255,0.3)}
.btn-outline{
  background:transparent;color:var(--text-primary);
  padding:14px 32px;border-radius:4px;font-weight:600;font-size:15px;
  text-decoration:none;transition:all 0.2s;
  border:1px solid var(--border-strong);
  display:inline-flex;align-items:center;gap:8px;
}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}
.hero-scroll{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:var(--text-muted);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;
  animation:bounce 2s infinite;
}
.scroll-line{width:1px;height:48px;background:linear-gradient(var(--cyan),transparent)}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
#capabilities{background:var(--surface)}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}
.feature-card{background:var(--black);border:1px solid var(--border);border-radius:18px;padding:2rem;transition:transform 0.3s,box-shadow 0.3s;}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(0,0,0,0.18)}
.feature-icon{width:52px;height:52px;border-radius:16px;background:rgba(0,229,255,0.12);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:1.25rem}
.feature-card h3{font-size:1.1rem;margin-bottom:0.75rem}
.feature-card p{color:var(--text-secondary);line-height:1.8;font-size:0.95rem}
/* SECTIONS GENERAL */
section{padding:120px 0}
.page-section{padding-top:160px}
.section-header{text-align:center;margin-bottom:5rem}
.section-header h2{font-size:clamp(36px,4vw,56px);letter-spacing:-0.02em;margin-bottom:1rem}
.section-header p{font-size:18px;color:var(--text-secondary);max-width:560px;margin:0 auto}
.divider{width:60px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));margin:1.5rem auto}

/* ABOUT */
#about{background:var(--surface)}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.about-visual{position:relative;height:440px}
.about-ring{
  position:absolute;border-radius:50%;border:1px solid;
}
.ring1{width:320px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(10,132,255,0.2);animation:spin 20s linear infinite}
.ring2{width:240px;height:240px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(0,229,255,0.15);animation:spin 14s linear infinite reverse}
.ring3{width:160px;height:160px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(51,214,255,0.25);animation:spin 8s linear infinite}
@keyframes spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.ring-center{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:96px;height:96px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:0 10px;color:#fff;
  font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:10px;line-height:1.3;letter-spacing:0.04em;text-transform:uppercase;
  box-shadow:0 0 40px rgba(10,132,255,0.4);
}
.ring-dot{
  position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 12px var(--cyan);
}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}
.stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:1.25rem 1.5rem}
.stat-card .num{font-size:36px;font-weight:800;line-height:1}
.stat-card .num.blue{color:var(--blue)}
.stat-card .num.cyan{color:var(--cyan)}
.stat-card .lbl{font-size:13px;color:var(--text-secondary);margin-top:4px}

/* PRODUCTS */
#products{background:var(--black)}

/* INDUSTRIES */
#industries{background:var(--surface)}
.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.industry-card{
  background:var(--black);border:1px solid var(--border);
  border-radius:6px;padding:2rem 1.5rem;text-align:center;
  transition:all 0.3s;cursor:default;
}
.industry-card:hover{border-color:var(--border-strong);transform:translateY(-4px);background:var(--surface2)}
.industry-icon{font-size:32px;margin-bottom:1rem;display:block}
.industry-card h4{font-size:15px;font-weight:600;color:var(--text-secondary)}
.industry-card:hover h4{color:var(--text-primary)}

/* WHY */
#why{background:var(--black)}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}
.why-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:6px;padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden;
}
.why-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.why-num{font-size:48px;font-weight:800;line-height:1;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.why-label{font-size:14px;font-weight:600;letter-spacing:0.05em;margin-bottom:0.5rem}
.why-desc{font-size:13px;color:var(--text-muted)}

/* TIMELINE */
#technology{background:var(--surface)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:0}
.timeline::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent)}
.tl-item{padding:2rem 1.5rem;text-align:center;position:relative}
.tl-dot{
  width:16px;height:16px;border-radius:50%;
  border:2px solid var(--blue);background:var(--black);
  margin:0 auto 1.5rem;position:relative;z-index:1;transition:all 0.3s;
}
.tl-item.active .tl-dot{background:var(--blue);box-shadow:0 0 20px rgba(10,132,255,0.5)}
.tl-item.future .tl-dot{border-color:var(--text-muted)}
.tl-phase{font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.5rem}
.tl-item.future .tl-phase{color:var(--text-muted)}
.tl-title{font-size:18px;font-weight:700;margin-bottom:0.75rem}
.tl-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}

/* INVESTORS */
#investors{background:var(--black)}
.investor-wall{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:var(--border);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;margin-top:3rem;
}
.investor-cell{
  background:var(--black);padding:1.75rem 1rem;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.3s;
}
.investor-cell:hover{background:var(--surface)}
.investor-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.05em;color:var(--text-muted);transition:color 0.3s}
.investor-cell:hover .investor-name{color:var(--text-primary)}

/* CONTACT (legacy) */
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;letter-spacing:0.03em}
.form-group input,.form-group textarea,.form-group select{
  width:100%;background:rgba(255,255,255,0.03);
  border:1px solid var(--border-strong);
  color:var(--text-primary);
  padding:12px 16px;border-radius:4px;
  font-family:'Inter',sans-serif;font-size:15px;
  transition:border-color 0.2s,background 0.2s;outline:none;
}
.form-group input:focus,.form-group textarea:focus{border-color:var(--blue);background:rgba(10,132,255,0.05)}
.form-group textarea{resize:vertical;min-height:120px}

/* FOOTER */
footer{background:var(--black);border-top:1px solid var(--border);padding:4rem 0 2rem}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-brand p{color:var(--text-secondary);font-size:14px;margin-top:1rem;max-width:280px;line-height:1.7}
.footer-col h5{font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px}
.footer-col ul a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color 0.2s}
.footer-col ul a:hover{color:var(--cyan)}
.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:13px;color:var(--text-muted)}
.social-links{display:flex;gap:1rem}
.social-link{
  width:36px;height:36px;border-radius:4px;
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:700;
  transition:all 0.2s;
}
.social-link:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface)}

/* GLOW PULSE */
@keyframes glow-pulse{
  0%,100%{box-shadow:0 0 20px rgba(10,132,255,0.3)}
  50%{box-shadow:0 0 40px rgba(10,132,255,0.5),0 0 80px rgba(0,229,255,0.15)}
}
.ring-center{animation:glow-pulse 3s ease-in-out infinite}

/* OUR PRODUCTS */
.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}
.op-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:10px;overflow:hidden;transition:border-color 0.25s,transform 0.25s;
  display:flex;flex-direction:column;
}
.op-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}
.op-card-head{padding:1.75rem 1.75rem 1.25rem;display:flex;align-items:flex-start;gap:1rem}
.op-num{
  font-family:'Manrope',monospace;font-size:12px;font-weight:700;
  color:var(--text-muted);letter-spacing:0.05em;flex-shrink:0;
  width:32px;height:32px;border-radius:6px;background:var(--surface2);
  display:flex;align-items:center;justify-content:center;border:1px solid var(--border);
}
.op-card-head h3{font-size:19px;font-weight:700;line-height:1.3;font-family:'Space Grotesk',sans-serif}
.op-card-body{padding:0 1.75rem 1.75rem;flex:1;display:flex;flex-direction:column}
.op-card-body p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}
.op-stats-row{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:1.25rem}
.op-stat{background:var(--black);border:1px solid var(--border);border-radius:6px;padding:0.6rem 0.9rem;flex:1;min-width:90px}
.op-stat .op-stat-num{font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;line-height:1}
.op-stat .op-stat-num.cyan{color:var(--cyan)}
.op-stat .op-stat-num.blue{color:var(--blue)}
.op-stat .op-stat-num.amber{color:#EF9F27}
.op-stat .op-stat-lbl{font-size:10.5px;color:var(--text-muted);margin-top:3px;letter-spacing:0.02em}
.op-feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.op-feature-tag{
  font-size:11px;font-weight:500;color:var(--text-muted);
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);
  padding:3px 10px;border-radius:2px;
}

/* HOW IT WORKS */
#how-it-works{background:var(--surface)}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:1rem;position:relative}
.steps-grid::before{
  content:'';position:absolute;top:28px;left:10%;right:10%;
  height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),var(--border-strong),transparent);z-index:0;
}
.step-item{text-align:center;padding:2rem 1.5rem;position:relative;z-index:1}
.step-num{
  width:56px;height:56px;border-radius:50%;
  background:var(--surface2);border:1px solid var(--border-strong);
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;
  margin:0 auto 1.25rem;color:var(--blue);transition:background 0.3s,border-color 0.3s;
}
.step-item:hover .step-num{background:rgba(10,132,255,0.15);border-color:var(--blue)}
.step-item h4{font-size:16px;font-weight:700;margin-bottom:0.5rem;font-family:'Space Grotesk',sans-serif}
.step-item p{font-size:14px;color:var(--text-secondary);line-height:1.6}

/* TERMINAL / DASHBOARD SPLITS */
#demo-splits{background:var(--black)}
.split-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:5rem 0}
.split-row.reverse{direction:rtl}
.split-row.reverse>*{direction:ltr}
.split-tag{font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.75rem;display:block}
.split-row h3{font-size:clamp(24px,3vw,34px);font-weight:800;margin-bottom:1rem;font-family:'Space Grotesk',sans-serif;letter-spacing:-0.01em}
.split-row>div:first-child>p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:2rem}
.split-feature-list{display:flex;flex-direction:column;gap:1.1rem}
.split-feature{display:flex;align-items:flex-start;gap:1rem}
.split-feature-icon{
  width:34px;height:34px;flex-shrink:0;border-radius:6px;
  background:rgba(10,132,255,0.1);border:1px solid rgba(10,132,255,0.3);
  display:flex;align-items:center;justify-content:center;font-size:15px;
}
.split-feature h5{font-size:14px;font-weight:700;margin-bottom:0.2rem}
.split-feature p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}

.terminal-panel,.dashboard-panel{
  background:var(--surface);border:1px solid var(--border-strong);
  border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4);
}
.panel-header{display:flex;align-items:center;gap:8px;padding:0.9rem 1.2rem;border-bottom:1px solid var(--border);background:var(--surface2)}
.dot-red{width:11px;height:11px;border-radius:50%;background:#E24B4A;opacity:0.85}
.dot-yellow{width:11px;height:11px;border-radius:50%;background:#EF9F27;opacity:0.85}
.dot-green{width:11px;height:11px;border-radius:50%;background:#5DCAA5;opacity:0.85}
.panel-title{font-family:'Manrope',monospace;font-size:12px;color:var(--text-muted);margin-left:0.5rem}
.terminal-body{padding:1.5rem;font-family:'Manrope',monospace;font-size:13px;line-height:2}
.t-dim{color:var(--text-muted)}
.t-blue{color:var(--blue)}
.t-cyan{color:var(--cyan)}
.t-warn{color:#EF9F27}
.t-green{color:#5DCAA5}
.t-text{color:var(--text-secondary)}
.t-prompt{color:var(--cyan)}
.cursor{animation:blink-cursor 1s step-end infinite}
@keyframes blink-cursor{50%{opacity:0}}

.dash-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:space-between}
.dash-title{font-size:14px;font-weight:700;font-family:'Space Grotesk',sans-serif}
.dash-badge{font-family:'Manrope',monospace;font-size:11px;background:rgba(93,202,165,0.12);color:#5DCAA5;padding:3px 10px;border-radius:100px;border:1px solid rgba(93,202,165,0.3)}
.dash-body{padding:1.5rem;display:flex;flex-direction:column;gap:0.85rem}
.dash-row{display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1rem;background:var(--surface2);border-radius:6px;border:1px solid var(--border)}
.dash-label{font-size:13px;color:var(--text-secondary);font-family:'Manrope',monospace}
.dash-val{font-size:13px;font-weight:600;font-family:'Manrope',monospace}
.val-green{color:#5DCAA5}.val-blue{color:var(--blue)}.val-cyan{color:var(--cyan)}.val-amber{color:#EF9F27}
.dash-progress-track{height:4px;background:var(--surface2);border-radius:2px;margin-top:0.5rem;overflow:hidden;border:1px solid var(--border)}
.dash-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width 1.5s ease}

/* ALGORITHMS */
#algorithms{background:var(--surface)}
.algo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.algo-card{background:var(--black);border:1px solid var(--border);border-radius:6px;padding:1.25rem 1.5rem;transition:border-color 0.2s}
.algo-card:hover{border-color:var(--border-strong)}
.algo-name{font-family:'Manrope',monospace;font-size:14px;font-weight:700;color:var(--cyan);margin-bottom:0.4rem}
.algo-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}
.algo-badge{
  display:inline-block;margin-top:0.75rem;font-family:'Manrope',monospace;font-size:10.5px;
  padding:2px 9px;border-radius:4px;background:rgba(10,132,255,0.1);color:var(--blue);
  border:1px solid rgba(10,132,255,0.25);letter-spacing:0.04em;
}

/* TESTIMONIALS */
#testimonials{background:var(--black)}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;margin-top:1rem}
.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;position:relative}
.quote-mark{font-size:48px;line-height:1;color:var(--blue);font-family:Georgia,serif;position:absolute;top:1rem;right:1.5rem;opacity:0.35}
.testimonial-card p{font-size:14.5px;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}
.testimonial-author{display:flex;align-items:center;gap:12px}
.author-avatar{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:#000;
}
.author-name{font-size:14px;font-weight:600;color:var(--text-primary)}
.author-role{font-size:12.5px;color:var(--text-muted)}

/* PRICING */
#pricing{background:var(--surface)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1rem}
.pricing-card{background:var(--black);border:1px solid var(--border);border-radius:8px;padding:2rem;position:relative}
.pricing-card.featured{border:2px solid var(--blue);background:var(--surface2)}
.featured-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--blue);color:#fff;font-size:11px;font-weight:600;
  padding:4px 14px;border-radius:100px;letter-spacing:0.03em;white-space:nowrap;
}
.plan-name{font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0.75rem}
.plan-price{font-family:'Manrope',sans-serif;font-size:34px;font-weight:800;margin-bottom:0.75rem}
.plan-price span{font-size:14px;font-weight:500;color:var(--text-muted)}
.plan-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;min-height:60px}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:0.6rem;margin-bottom:2rem}
.plan-features li{font-size:13.5px;color:var(--text-secondary);padding-left:1.4rem;position:relative}
.plan-features li::before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:700}
.plan-btn{width:100%;padding:12px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:'Inter',sans-serif}
.plan-btn-outline{background:none;color:var(--text-secondary);border:1px solid var(--border-strong)}
.plan-btn-outline:hover{border-color:var(--cyan);color:var(--text-primary)}
.plan-btn-primary{background:var(--blue);color:#fff;border:none}
.plan-btn-primary:hover{background:#0070D9}

/* PARTNERSHIP BANNER */
#partnership{
  background:linear-gradient(135deg,var(--black) 0%,var(--surface) 50%,var(--black) 100%);
  border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);
}
.partnership-inner{display:flex;align-items:center;gap:3rem;flex-wrap:wrap;justify-content:space-between}
.partnership-text{flex:1;min-width:280px}
.partnership-text h3{font-size:clamp(22px,2.8vw,30px);margin-bottom:1rem;font-family:'Space Grotesk',sans-serif;font-weight:800}
.partnership-text h3 .cyan{color:var(--cyan)}
.partnership-text p{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:460px;margin-bottom:1.5rem}
.partnership-text p strong{color:var(--cyan)}
.partnership-links{display:flex;gap:1rem;flex-wrap:wrap}
.pill-link{display:inline-flex;align-items:center;gap:0.5rem;padding:10px 22px;border-radius:100px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all 0.2s}
.pill-link.filled{background:rgba(0,229,255,0.1);border:1px solid rgba(0,229,255,0.3);color:var(--cyan)}
.pill-link.filled:hover{background:rgba(0,229,255,0.18)}
.pill-link.outline{background:none;border:1px solid var(--border-strong);color:var(--text-secondary)}
.pill-link.outline:hover{border-color:var(--cyan);color:var(--text-primary)}
.partnership-cards{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}
.partner-card{text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:1.5rem 2rem;min-width:140px}
.partner-card .pc-icon{font-size:28px;margin-bottom:0.4rem}
.partner-card .pc-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.03em}
.partner-card .pc-sub{font-size:12px;color:var(--text-muted);margin-top:0.3rem}
.partnership-arrow{color:var(--text-muted);font-size:22px}

/* V2 CONTACT */
#contact-v2{background:var(--surface)}
.contact-v2-inner{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.contact-v2-info{display:flex;flex-direction:column;gap:1.25rem}
.contact-v2-card{background:var(--black);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}
.contact-v2-icon{width:38px;height:38px;border-radius:8px;flex-shrink:0;background:rgba(10,132,255,0.12);display:flex;align-items:center;justify-content:center;font-size:17px}
.contact-v2-card .cv2-label{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:0.35rem}
.contact-v2-card a{color:var(--cyan);text-decoration:none;font-family:'Manrope',monospace;font-size:13px}
.contact-v2-card a:hover{text-decoration:underline}
.response-time-card{background:linear-gradient(135deg,rgba(10,132,255,0.08),rgba(0,229,255,0.05));border:1px solid var(--border-strong);border-radius:8px;padding:1.25rem 1.5rem}
.response-time-card .rt-label{font-size:11px;color:var(--text-muted);font-family:'Manrope',monospace;letter-spacing:0.05em;margin-bottom:0.5rem}
.response-time-card div{color:var(--text-secondary);font-size:14px}
.response-time-card strong{color:var(--cyan)}
.contact-v2-form-wrap{background:var(--black);border:1px solid var(--border);border-radius:10px;padding:2rem}
.cv2-field{margin-bottom:1.1rem}
.cv2-field label{display:block;font-size:11.5px;color:var(--text-muted);margin-bottom:0.4rem;font-weight:600;letter-spacing:0.05em}
.cv2-field input,.cv2-field select,.cv2-field textarea{
  width:100%;background:var(--surface2);border:1px solid var(--border-strong);
  border-radius:6px;padding:11px 14px;color:var(--text-primary);
  font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s;
}
.cv2-field input:focus,.cv2-field select:focus,.cv2-field textarea:focus{border-color:var(--blue)}
.cv2-field textarea{resize:vertical;min-height:100px}
.cv2-submit{width:100%;padding:13px;border-radius:6px;font-size:14.5px;font-weight:600;background:var(--blue);color:#fff;border:none;cursor:pointer;transition:all 0.2s}
.cv2-submit:hover{background:#0070D9}
.cv2-submit:disabled{opacity:0.6;cursor:default}
.cv2-success{display:none;text-align:center;color:#5DCAA5;font-size:13.5px;padding:0.85rem;background:rgba(93,202,165,0.08);border:1px solid rgba(93,202,165,0.25);border-radius:6px}

/* TOAST */
#toast{
  position:fixed;bottom:2rem;right:2rem;z-index:9999;
  background:var(--surface2);border:1px solid var(--border-strong);
  color:var(--text-primary);padding:1rem 1.5rem;border-radius:6px;
  font-size:14px;transform:translateY(100px);opacity:0;
  transition:all 0.3s;pointer-events:none;border-left:3px solid var(--cyan);
}
#toast.show{transform:none;opacity:1}

/* MOBILE NAV */
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--text-secondary);border-radius:999px;transition:all 0.3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--cyan)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--cyan)}
@media(max-width:1080px){.nav-hamburger{display:flex}.nav-links{display:none}nav>.nav-cta{display:none}}
.mobile-menu{
  display:flex;position:fixed;top:84px;left:50%;transform:translateX(-50%);z-index:998;
  width:calc(100% - 1.5rem);max-width:1160px;flex-direction:column;gap:0.35rem;
  background:rgba(255,255,255,0.94);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid var(--border);border-radius:22px;padding:0.7rem;
  box-shadow:0 22px 55px rgba(12,40,75,0.18);
  max-height:0;overflow:hidden;opacity:0;pointer-events:none;
  transition:max-height 0.4s ease,opacity 0.3s ease;
}
.mobile-menu.open{max-height:680px;opacity:1;pointer-events:auto}
.mobile-menu a{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:600;padding:13px 16px;border-radius:13px;transition:background 0.2s,color 0.2s}
.mobile-menu a:hover{color:var(--blue);background:var(--surface)}
.mobile-menu .nav-cta{display:flex;justify-content:center;margin-top:0.4rem!important}
@media(min-width:1081px){.mobile-menu{display:none}}

/* GLOBAL ADVANCED STYLES */
nav{border-bottom:1px solid rgba(0,229,255,0.08);box-shadow:0 30px 120px rgba(0,0,0,0.12)}
.nav-links a.active{position:relative;color:var(--text-primary)}
.nav-links a.active::after{content:'';position:absolute;left:0;bottom:-10px;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.nav-cta{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 18px 40px rgba(0,136,255,0.18);border:none}
.nav-cta:hover{background:linear-gradient(135deg,#0B6BF4,#00F4FF)}
.hero-content{padding:3rem 2rem;}
.hero-h1{letter-spacing:-0.04em;text-shadow:0 18px 60px rgba(0,16,40,0.18)}
.hero-sub{font-size:19px;max-width:700px;line-height:1.8}
.hero-btns .btn-primary{box-shadow:0 18px 45px rgba(10,132,255,0.24)}
.hero-btns .btn-outline{border-color:rgba(0,229,255,0.22);}
.hero-btns .btn-outline:hover{background:rgba(0,229,255,0.08)}
.hero-scroll{color:var(--text-secondary)}
.hero-scroll span{letter-spacing:0.24em}

.section-header h2{max-width:720px;margin-left:auto;margin-right:auto}
.section-header .tag{margin-bottom:1rem}
.divider{width:80px}

.why-card{transition:transform 0.35s ease,box-shadow 0.35s ease;border-radius:14px;}
.why-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,0.16)}
.why-card::after{height:3px;}
.tl-item{background:rgba(255,255,255,0.02);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,0.1)}
.timeline{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;padding-top:0}
.timeline::before{display:none}
.tl-item{padding:2rem;}
.tl-dot{margin-bottom:1.25rem}

.investor-wall{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
.investor-cell{padding:2rem 1rem;}
.investor-cell:hover{background:rgba(0,229,255,0.08)}

.op-card{border-radius:18px;}
.op-card:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(0,0,0,0.18)}
.op-card-head{padding:2rem 2rem 1.25rem;}
.op-card-body{padding:0 2rem 2rem;}
.op-feature-tag{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.10);}

.algo-card{border-radius:16px;padding:1.75rem;box-shadow:0 20px 60px rgba(0,0,0,0.12);}
.algo-card:hover{transform:translateY(-6px);border-color:rgba(0,229,255,0.22)}
.algo-name{letter-spacing:0.08em;}

.testimonial-card{border-radius:18px;box-shadow:0 26px 80px rgba(0,0,0,0.12);}
.testimonial-card:hover{transform:translateY(-6px)}
.quote-mark{right:1.5rem;top:1.25rem;}

.pricing-card{border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,0.14);}
.pricing-card.featured{border-color:transparent;background:linear-gradient(180deg,rgba(10,132,255,0.16),rgba(0,229,255,0.08));}
.featured-badge{box-shadow:0 12px 30px rgba(0,136,255,0.15)}
.plan-btn{transition:transform 0.2s,box-shadow 0.2s;}
.plan-btn:hover{transform:translateY(-2px);}

.partnership-inner{gap:2rem;}
.partner-card{min-width:180px;}

#contact-v2{background:linear-gradient(180deg,rgba(5,8,22,0.95),rgba(11,25,45,0.95));}
.contact-v2-form-wrap{border-radius:20px;}
.contact-v2-info .contact-v2-card{border-radius:16px;}

@media(max-width:900px){
  .hero-content{padding:2rem 1.2rem;}
  .section-header{margin-bottom:3.5rem;}
  .hero-h1{font-size:clamp(38px,8vw,72px);}
}

@media(max-width:600px){
  .nav-cta{padding:10px 18px;}
  .hero-content{padding:1.5rem 1rem;}
  .hero-sub{font-size:16px;}
  .pricing-card{padding:1.75rem;}
}

/* PRODUCTION CONTACT */
.production-contact{background:linear-gradient(135deg,#050816,#0B1929);border-top:1px solid rgba(0,229,255,.15);padding:90px 0}
.production-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.production-card{background:rgba(255,255,255,.03);border:1px solid rgba(0,229,255,.15);padding:28px;border-radius:14px;transition:.35s}
.production-card:hover{transform:translateY(-8px);border-color:#00E5FF;box-shadow:0 20px 50px rgba(0,229,255,.12)}
.production-card h3{color:#00E5FF;margin-bottom:12px}
.production-card p,.production-card a{color:#8BAEC8;text-decoration:none;font-size:14px}
.youtube-btn{display:inline-flex;margin-top:20px;padding:12px 24px;border-radius:30px;background:#0A84FF;color:white!important;font-weight:700}

/* RESPONSIVE */
@media(max-width:900px){
  .about-inner{grid-template-columns:1fr}
  .about-visual{height:300px}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:1fr 1fr}
  .timeline::before{display:none}
  .investor-wall{grid-template-columns:repeat(3,1fr)}
  .footer-inner{grid-template-columns:1fr 1fr}
  nav{width:calc(100% - 1.5rem);padding:0 0.55rem 0 1rem;height:60px}
  .nav-links{display:none}
  .split-row{grid-template-columns:1fr;gap:2.5rem;padding:3rem 0}
  .split-row.reverse{direction:ltr}
  .contact-v2-inner{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  section{padding:80px 0}
  .page-section{padding-top:120px}
  .industries-grid,.why-grid,.investor-wall{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .op-grid{grid-template-columns:1fr}
  .steps-grid,.algo-grid,.testimonial-grid{grid-template-columns:1fr}
  .partnership-inner{flex-direction:column;text-align:center}
  .partnership-text p{margin-left:auto;margin-right:auto}
}

/* ============================================================
   ADVANCED ENHANCEMENTS
   ============================================================ */

/* SCROLL PROGRESS BAR */
#scroll-progress{
  position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;
  background:linear-gradient(90deg,var(--blue),var(--cyan),var(--glow));
  transform:scaleX(0);transform-origin:0 50%;
  box-shadow:0 0 12px rgba(0,229,255,0.6);
  will-change:transform;
}

/* CURSOR SPOTLIGHT GLOW */
#cursor-glow{
  position:fixed;top:0;left:0;width:300px;height:300px;z-index:1;
  pointer-events:none;opacity:0;transition:opacity 0.4s;
  background:radial-gradient(circle,rgba(0,229,255,0.06) 0%,transparent 65%);
  mix-blend-mode:screen;
}

/* BACK TO TOP */
#back-to-top{
  position:fixed;bottom:2rem;right:2rem;z-index:997;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  background:rgba(11,25,41,0.85);backdrop-filter:blur(10px);
  border:1px solid var(--border-strong);color:var(--cyan);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(20px) scale(0.8);pointer-events:none;
  transition:opacity 0.3s,transform 0.3s,background 0.2s,box-shadow 0.2s;
}
#back-to-top.show{opacity:1;transform:none;pointer-events:auto}
#back-to-top:hover{background:var(--blue);color:#fff;box-shadow:0 8px 28px rgba(10,132,255,0.4)}

/* 3D TILT BASELINE + INNER SPOTLIGHT */
.tilt{transition:transform 0.25s cubic-bezier(.2,.7,.3,1),border-color 0.25s,box-shadow 0.25s;
  transform-style:preserve-3d;position:relative;will-change:transform}
.tilt::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  opacity:0;transition:opacity 0.3s;z-index:2;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,0.10),transparent 45%);
}
.tilt:hover::before{opacity:1}
.tilt:hover{box-shadow:0 18px 50px rgba(0,0,0,0.45),0 0 0 1px var(--border-strong)}

/* AURORA / GRADIENT MESH for hero */
.hero-aurora{
  position:absolute;inset:-20%;z-index:0;pointer-events:none;filter:blur(60px);opacity:0.55;
  background:
    radial-gradient(40% 40% at 20% 30%,rgba(10,132,255,0.35),transparent 70%),
    radial-gradient(35% 35% at 80% 25%,rgba(0,229,255,0.28),transparent 70%),
    radial-gradient(45% 45% at 55% 80%,rgba(51,214,255,0.22),transparent 70%);
  background-size:200% 200%;
  animation:aurora-shift 18s ease-in-out infinite;
}
@keyframes aurora-shift{
  0%,100%{background-position:0% 0%,100% 0%,50% 100%}
  50%{background-position:100% 50%,0% 60%,40% 0%}
}

/* ANIMATED GRADIENT HERO TEXT */
.hero-h1 .cyan,.hero-h1 .blue{
  background:linear-gradient(110deg,var(--blue),var(--cyan),var(--blue));
  background-size:300% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:text-shimmer 6s linear infinite;
}
@keyframes text-shimmer{to{background-position:300% center}}

/* HERO LIVE BADGE PULSE */
.hero-eyebrow{position:relative;z-index:1}
.pulse-dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 0 0 rgba(0,229,255,0.6);animation:pulse-ring 2s infinite;
}
@keyframes pulse-ring{
  0%{box-shadow:0 0 0 0 rgba(0,229,255,0.6)}
  70%{box-shadow:0 0 0 10px rgba(0,229,255,0)}
  100%{box-shadow:0 0 0 0 rgba(0,229,255,0)}
}

/* INVESTOR MARQUEE */
.investor-marquee{overflow:hidden;margin-top:3rem;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.investor-track{display:flex;gap:1px;width:max-content;animation:marquee 38s linear infinite}
.investor-marquee:hover .investor-track{animation-play-state:paused}
.investor-track .investor-cell{min-width:200px;border:1px solid var(--border);border-radius:6px;margin-right:1px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* MAGNETIC BUTTON SMOOTHING */
.btn-primary,.nav-cta,.cv2-submit,.plan-btn-primary,.youtube-btn{transition:transform 0.2s cubic-bezier(.2,.7,.3,1),background 0.2s,box-shadow 0.2s}

@media(prefers-reduced-motion:reduce){
  .hero-aurora,.hero-h1 .cyan,.hero-h1 .blue,.investor-track,.pulse-dot{animation:none}
  .reveal,.reveal-left,.reveal-right{transition:none;opacity:1;transform:none}
}

/* ============================================================
   FOUNDER PAGE
   ============================================================ */
#founder-hero{background:var(--black)}
.founder-hero-inner{display:grid;grid-template-columns:0.85fr 1.15fr;gap:5rem;align-items:center}
.founder-visual{position:relative;height:420px}
.founder-monogram{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:150px;height:150px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:54px;color:#04101f;
  letter-spacing:0.02em;box-shadow:0 0 60px rgba(10,132,255,0.45);
  animation:glow-pulse 3s ease-in-out infinite;
}
.founder-name{font-size:clamp(40px,5vw,68px);line-height:1.05;margin-bottom:0.5rem}
.founder-role{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:1.5rem;
}
.founder-lead{color:var(--text-secondary);font-size:17px;line-height:1.8;margin-bottom:2rem;max-width:620px}
.founder-lead strong{color:var(--text-primary)}
.founder-link{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(0,229,255,0.4)}
.founder-link:hover{color:var(--text-primary)}
.founder-linkedin{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:2rem;
  font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;
  border:1px solid var(--border-strong);border-radius:100px;padding:8px 18px;transition:all 0.2s;
}
.founder-linkedin svg{width:18px;height:18px;color:#0A84FF;transition:color 0.2s}
.founder-linkedin:hover{border-color:var(--cyan);color:var(--text-primary)}
.founder-linkedin:hover svg{color:var(--cyan)}
.founder-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}
.founder-stats .stat-card{text-align:left}
.founder-stats .num{font-size:30px}
.founder-cta-row{display:flex;gap:1rem;flex-wrap:wrap}

#founder-bio{background:var(--surface)}
.bio-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:start}
.bio-text p{color:var(--text-secondary);font-size:16px;line-height:1.9;margin-bottom:1.5rem}
.bio-text strong{color:var(--cyan)}
.founder-quote{
  margin-top:2rem;padding:1.75rem 2rem;border-left:3px solid var(--cyan);
  background:linear-gradient(135deg,rgba(10,132,255,0.08),rgba(0,229,255,0.04));
  border-radius:0 12px 12px 0;font-family:'Space Grotesk',sans-serif;
  font-size:18px;font-weight:500;line-height:1.7;color:var(--text-primary);
}
.founder-quote cite{display:block;margin-top:1rem;font-style:normal;font-family:'Inter',sans-serif;font-size:14px;color:var(--cyan);font-weight:600}
.bio-side{background:var(--black);border:1px solid var(--border);border-radius:16px;padding:2rem}
.bio-side h4{font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}
.bio-timeline{list-style:none;position:relative}
.bio-timeline li{display:flex;gap:1rem;padding-bottom:1.5rem;position:relative}
.bio-timeline li:not(:last-child)::before{content:'';position:absolute;left:6px;top:18px;bottom:0;width:1px;background:var(--border-strong)}
.bt-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;margin-top:4px;background:var(--blue);box-shadow:0 0 12px rgba(10,132,255,0.6);position:relative;z-index:1}
.bio-timeline li:first-child .bt-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.bt-title{font-size:15px;font-weight:700;color:var(--text-primary);font-family:'Space Grotesk',sans-serif}
.bt-sub{font-size:13px;color:var(--text-muted);margin-top:2px}

#founder-expertise{background:var(--black)}
#founder-industries{background:var(--surface)}
#founder-clients{background:var(--black)}

@media(max-width:900px){
  .founder-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .founder-visual{height:320px;order:-1}
  .bio-grid{grid-template-columns:1fr;gap:2.5rem}
  .founder-stats{grid-template-columns:repeat(2,1fr)}
}

/* PROFESSIONAL LINE-ART ICONS */
.icon-svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
.industry-icon,.pc-icon{display:flex;align-items:center;justify-content:center}
.industry-icon{margin-bottom:1rem;color:var(--cyan)}
.industry-icon svg{width:30px;height:30px}
.pc-icon svg{width:28px;height:28px;color:var(--cyan)}
.feature-icon svg{width:26px;height:26px;color:var(--cyan)}
.split-feature-icon svg{width:18px;height:18px;color:var(--blue)}
.contact-v2-icon svg{width:20px;height:20px;color:var(--blue)}
.inline-icon{width:15px;height:15px;vertical-align:-2px;margin-right:7px;color:var(--cyan)}
.btn-icon{width:16px;height:16px;vertical-align:-3px;margin-right:8px}

/* LEADERSHIP TEASER (about page) */
#leadership{background:var(--black)}
.leadership-card{
  display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;
  background:linear-gradient(135deg,var(--surface),var(--surface2));
  border:1px solid var(--border-strong);border-radius:20px;padding:2.5rem;
  max-width:900px;margin:0 auto;
}
.leadership-visual{display:flex;align-items:center;justify-content:center}
.leadership-monogram{position:static;transform:none;width:120px;height:120px;font-size:44px}
.leadership-body h3{font-size:28px;font-family:'Space Grotesk',sans-serif;margin-bottom:0.25rem}
.leadership-body p{color:var(--text-secondary);font-size:15px;line-height:1.8;margin:1rem 0 1.5rem}
@media(max-width:700px){
  .leadership-card{grid-template-columns:1fr;text-align:center;gap:1.5rem;padding:2rem}
  .leadership-visual{justify-content:center}
}

/* ============================================================
   LIGHT THEME OVERRIDES
   ============================================================ */

/* Hero ambience tuned for white */
.hero-grid{
  background-image:
    linear-gradient(rgba(10,102,214,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,102,214,0.05) 1px,transparent 1px);
}
.hero-glow{background:radial-gradient(ellipse,rgba(10,102,214,0.10) 0%,rgba(7,146,188,0.05) 40%,transparent 70%)}
.hero-aurora{opacity:0.38}

/* Cursor glow for light bg */
#cursor-glow{background:radial-gradient(circle,rgba(10,102,214,0.07) 0%,transparent 60%);mix-blend-mode:normal}

/* Softer card lift shadows on white */
.tilt:hover{box-shadow:0 18px 50px rgba(12,40,75,0.14),0 0 0 1px var(--border-strong)}

/* Form fields */
.form-group input,.form-group textarea,.form-group select{background:#fff;border:1px solid var(--border-strong);color:var(--text-primary)}
.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:var(--blue)}

/* Misc surfaces that used white-on-dark overlays */
.op-feature-tag{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}
.tl-item{background:#fff;border:1px solid var(--border);box-shadow:0 18px 50px rgba(12,40,75,0.07)}

/* Contact + global office bands */
#contact-v2{background:linear-gradient(180deg,var(--surface),var(--surface2))}
.production-contact{background:linear-gradient(135deg,var(--surface),var(--surface2));border-top:1px solid var(--border)}
.production-card{background:#fff;border:1px solid var(--border)}
.production-card:hover{border-color:var(--border-strong);box-shadow:0 20px 50px rgba(12,40,75,0.12)}
.production-card h3{color:var(--blue)}
.production-card p,.production-card a{color:var(--text-secondary)}

/* Product mockups stay DARK for premium contrast against the white page */
.terminal-panel,.dashboard-panel{background:#0C1B2E;border:1px solid rgba(255,255,255,0.10);box-shadow:0 30px 70px rgba(12,40,75,0.20)}
.panel-header,.dash-header{background:#0A1626;border-bottom:1px solid rgba(255,255,255,0.08)}
.panel-title{color:#8195A8}
.dash-title{color:#EAF2FB}
.terminal-body,.terminal-body .t-text{color:#C6D3E2}
.t-dim{color:#5E7184}
.t-blue{color:#4DA3FF}
.t-cyan,.t-prompt{color:#33D6FF}
.dash-row{background:#0A1626;border:1px solid rgba(255,255,255,0.06)}
.dash-label{color:#9FB1C4}
.dash-progress-track{background:#0A1626;border:1px solid rgba(255,255,255,0.08)}

/* Selection */
::selection{background:rgba(10,102,214,0.18);color:var(--text-primary)}

/* ============================================================
   ILLUSTRATION SHOWCASE
   ============================================================ */
#showcase{background:var(--black)}
.showcase-illustration{
  position:relative;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 38%,#ffffff,var(--surface2));
  border:1px solid var(--border);border-radius:26px;padding:2.5rem;min-height:340px;
  box-shadow:0 30px 70px rgba(12,40,75,0.10);overflow:hidden;
}
.showcase-illustration::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background-image:
    linear-gradient(rgba(10,102,214,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,102,214,0.05) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000,transparent 75%);
  mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000,transparent 75%);
}
.showcase-illustration img{position:relative;z-index:1;width:100%;max-width:360px;height:auto;display:block}

/* CIRCUIT BANNER */
#circuit-band{background:var(--surface)}
.circuit-band-inner{
  display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;
  background:linear-gradient(135deg,#0C1B2E,#0A2647);border-radius:26px;
  padding:3rem;box-shadow:0 34px 80px rgba(12,40,75,0.20);overflow:hidden;
}
.circuit-band-text .split-tag{color:#7FE0F2}
.circuit-band-text h3{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:800;font-family:'Space Grotesk',sans-serif;margin-bottom:1rem}
.circuit-band-text p{color:#A9C0D6;font-size:15px;line-height:1.8;max-width:440px;margin:0}
.circuit-band-art{display:flex;justify-content:center}
.circuit-band-art img{width:100%;max-width:480px;height:auto;display:block}
@media(max-width:800px){
  .circuit-band-inner{grid-template-columns:1fr;gap:2rem;padding:2rem}
}

/* ============================================================
   FOUNDER PHOTO
   ============================================================ */
.founder-visual{display:flex;align-items:center;justify-content:center;min-height:480px}
.founder-photo-glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:340px;height:440px;max-width:78%;border-radius:30px;z-index:0;
  background:linear-gradient(135deg,rgba(10,102,214,0.30),rgba(7,146,188,0.20));
  filter:blur(46px);
}
.founder-photo-wrap{
  position:relative;z-index:2;width:330px;max-width:82%;aspect-ratio:33/42;
  border-radius:24px;overflow:hidden;border:5px solid #fff;
  box-shadow:0 34px 80px rgba(12,40,75,0.24),0 0 0 1px var(--border);
}
.founder-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.founder-photo-badge{
  position:absolute;left:14px;right:14px;bottom:14px;z-index:3;
  display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;
  background:rgba(12,27,46,0.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.12);
}
.fpb-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;color:#fff;line-height:1.1}
.fpb-role{font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#7FE0F2}
.leadership-photo{
  width:150px;height:185px;border-radius:18px;object-fit:cover;object-position:center top;
  border:3px solid #fff;box-shadow:0 16px 40px rgba(12,40,75,0.18),0 0 0 1px var(--border);display:block;
}
@media(max-width:900px){
  .founder-visual{min-height:auto;height:auto;padding:1rem 0}
  .founder-photo-wrap{width:260px}
  .founder-photo-glow{height:360px}
}

/* ============================================================
   INVESTOR / DECK CONTENT
   ============================================================ */
#inv-hero{background:var(--black)}
#inv-stakes{background:var(--surface)}
#inv-market{background:var(--black)}
#inv-matrix{background:var(--surface)}
#inv-model{background:var(--black)}
#inv-traction{background:var(--surface)}

/* Metric cards (financial stakes) */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.metric-card{border-radius:16px;padding:2rem 1.5rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(12,40,75,0.14)}
.metric-card.red{background:linear-gradient(160deg,#C0392B,#9B2D22)}
.metric-card.orange{background:linear-gradient(160deg,#E08A2B,#C2701B)}
.metric-card.teal{background:linear-gradient(160deg,#0E7C97,#0A5E73)}
.metric-card.navy{background:linear-gradient(160deg,#16335A,#0C1B2E)}
.metric-num{font-size:40px;font-weight:800;line-height:1;margin-bottom:0.75rem}
.metric-lbl{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,0.88)}

/* Market opportunity cards */
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.market-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2.25rem 2rem;text-align:center;box-shadow:0 22px 60px rgba(12,40,75,0.08);transition:transform .3s,box-shadow .3s}
.market-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(12,40,75,0.14)}
.market-name{font-size:14px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}
.market-num{font-size:52px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.market-by{font-size:13px;color:var(--text-muted);margin:0.4rem 0 1rem}
.market-rate{display:inline-block;font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;color:var(--blue);background:rgba(10,102,214,0.08);border:1px solid rgba(10,102,214,0.2);padding:5px 14px;border-radius:100px;margin-bottom:1.25rem}
.market-card p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0}

/* Competitive matrix */
.cmp-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border);box-shadow:0 24px 60px rgba(12,40,75,0.08)}
.cmp-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}
.cmp-table th,.cmp-table td{padding:16px 14px;text-align:center;font-size:13.5px;border-bottom:1px solid var(--border)}
.cmp-table thead th{background:#0C1B2E;color:#fff;font-weight:600;font-size:12.5px;line-height:1.4}
.cmp-table thead th:first-child,.cmp-table td:first-child{text-align:left;font-weight:600;color:var(--text-primary)}
.cmp-table tbody tr:nth-child(even){background:var(--surface)}
.cmp-table tr.cmp-us{background:linear-gradient(90deg,rgba(10,102,214,0.12),rgba(7,146,188,0.08))!important}
.cmp-table tr.cmp-us td:first-child{color:var(--blue);font-weight:800;font-family:'Space Grotesk',sans-serif}
.cmp-table .yes{color:#1F9D63;font-weight:800;font-size:16px}
.cmp-table .no{color:#C0392B;font-weight:800;font-size:15px}
.cmp-table .part{color:#E08A2B;font-weight:800;font-size:15px}
.cmp-legend{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;padding:1rem;background:#fff;font-size:13px;color:var(--text-secondary)}
.cmp-legend .yes{color:#1F9D63}.cmp-legend .no{color:#C0392B}.cmp-legend .part{color:#E08A2B}

/* Traction + roadmap */
.traction-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.traction-list h4,.roadmap-h{font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}
.traction-list ul{list-style:none}
.traction-list li{display:flex;flex-direction:column;gap:2px;padding:0.9rem 0;border-bottom:1px solid var(--border)}
.tr-k{font-weight:700;font-size:14.5px;color:var(--text-primary);font-family:'Space Grotesk',sans-serif}
.tr-v{font-size:13.5px;color:var(--text-secondary)}
.roadmap{position:relative;padding-left:1.5rem}
.roadmap::before{content:'';position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--blue),var(--cyan))}
.rm-item{position:relative;padding:0 0 1.4rem 0}
.rm-item::before{content:'';position:absolute;left:-1.5rem;top:5px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(10,102,214,0.12)}
.rm-when{font-family:'Manrope',sans-serif;font-weight:800;font-size:13px;color:var(--cyan);letter-spacing:0.04em;margin-bottom:2px}
.rm-what{font-size:14px;color:var(--text-secondary)}

/* Threat: Harvest Now Decrypt Later */
#threat{background:var(--surface)}
.threat-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0.75rem;margin-bottom:1.5rem}
.tf-card{border-radius:14px;padding:1.75rem 1.5rem;color:#fff;text-align:center}
.tf-card.navy{background:linear-gradient(160deg,#16335A,#0C1B2E)}
.tf-card.orange{background:linear-gradient(160deg,#E08A2B,#C2701B)}
.tf-card.red{background:linear-gradient(160deg,#C0392B,#9B2D22)}
.tf-stage{font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.6rem;opacity:0.95}
.tf-card p{font-size:14px;line-height:1.5;color:rgba(255,255,255,0.9);margin:0}
.tf-arrow{display:flex;align-items:center;color:var(--text-muted);font-size:22px}
.threat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}
.threat-stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.75rem;box-shadow:0 18px 50px rgba(12,40,75,0.07)}
.threat-stat .ts-num{font-size:34px;font-weight:800;color:var(--blue);font-family:'Manrope',sans-serif;line-height:1;margin-bottom:0.5rem}
.threat-stat p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}
.threat-note{margin-top:2rem;text-align:center;font-weight:700;color:#C0392B;font-size:15px}

/* Build & Secure positioning */
#duality{background:var(--black)}
.duality-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}
.duality-card{border-radius:18px;padding:2.25rem;border:1px solid var(--border);background:var(--surface);box-shadow:0 22px 60px rgba(12,40,75,0.08)}
.duality-card h3{font-size:22px;font-family:'Space Grotesk',sans-serif;margin-bottom:0.35rem}
.duality-card .dc-sub{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.25rem}
.duality-card.secure .dc-sub{color:#7A4DE0}
.dc-list{list-style:none;display:flex;flex-direction:column;gap:0.7rem}
.dc-list li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text-secondary)}
.dc-list li svg{width:18px;height:18px;color:var(--blue);flex-shrink:0}
.duality-card.secure .dc-list li svg{color:#7A4DE0}
.duality-banner{text-align:center;margin-top:2rem;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,30px)}
.duality-banner .b1{color:var(--blue)}.duality-banner .b2{color:#7A4DE0}

/* Team grid */
#team{background:var(--surface)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}
.team-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 18px 50px rgba(12,40,75,0.07);transition:transform .3s,box-shadow .3s}
.team-card:hover{transform:translateY(-5px);box-shadow:0 26px 66px rgba(12,40,75,0.13)}
.team-avatar{width:74px;height:74px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:24px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.team-name{font-size:17px;font-weight:700;font-family:'Space Grotesk',sans-serif;color:var(--text-primary)}
.team-role{font-size:12.5px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--cyan);margin-top:0.35rem}
.team-note{font-size:13px;color:var(--text-muted);margin-top:0.6rem;line-height:1.6}

@media(max-width:900px){
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .market-grid{grid-template-columns:1fr}
  .traction-grid{grid-template-columns:1fr;gap:2.5rem}
  .threat-flow{grid-template-columns:1fr;gap:0.6rem}
  .tf-arrow{transform:rotate(90deg);justify-content:center}
  .threat-stats{grid-template-columns:1fr}
  .duality-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .metric-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
}

/* QSafe Engine / Architecture / Integration (products) */
#qengine{background:var(--black)}
#architecture{background:var(--surface)}
#integration{background:var(--black)}
.arch-stack{display:flex;flex-direction:column;align-items:center;gap:0.75rem;max-width:900px;margin:0 auto}
.arch-layer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.1rem 1.5rem;border-radius:12px;color:#fff;width:100%;box-shadow:0 14px 36px rgba(12,40,75,0.12);transition:transform .25s}
.arch-layer:hover{transform:translateY(-3px)}
.al-tag{font-family:'Manrope',sans-serif;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.82;font-weight:800}
.al-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px}
.arch-layer.l5{width:100%;background:linear-gradient(135deg,#0E7C97,#0A5E73)}
.arch-layer.l4{width:92%;background:linear-gradient(135deg,#16335A,#0C1B2E)}
.arch-layer.l3{width:84%;background:linear-gradient(135deg,#16335A,#0C1B2E)}
.arch-layer.l2{width:76%;background:linear-gradient(135deg,#E08A2B,#C2701B)}
.arch-layer.l1{width:68%;background:linear-gradient(135deg,#0C1B2E,#081320)}
.arch-note{text-align:center;color:var(--text-secondary);font-size:14px;margin-top:1.5rem;font-style:italic}

.integration-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center}
.int-col{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem;box-shadow:0 18px 50px rgba(12,40,75,0.07)}
.int-col h4{font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}
.int-col ul{list-style:none;display:flex;flex-direction:column;gap:0.65rem}
.int-col li{font-size:14px;color:var(--text-secondary);padding-left:1.3rem;position:relative;line-height:1.5}
.int-col li::before{content:'▸';position:absolute;left:0;color:var(--cyan)}
.int-col.benefits li::before{content:'✓';color:#1F9D63;font-weight:700}
.int-engine{display:flex;justify-content:center}
.int-engine-inner{width:160px;height:160px;border-radius:22px;background:linear-gradient(135deg,#0C1B2E,#0A2647);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:17px;line-height:1.35;box-shadow:0 24px 60px rgba(10,102,214,0.25);border:1px solid rgba(255,255,255,0.1)}
@media(max-width:800px){
  .integration-flow{grid-template-columns:1fr;gap:1rem}
  .int-engine-inner{width:140px;height:140px;font-size:15px}
  .arch-layer{width:100%!important}
}

/* ============================================================
   MULTI-FONT SYSTEM
   ============================================================ */
/* Technical / monospace — terminals, code, status labels, data */
.terminal-body,.terminal-body span,.panel-title,.dash-label,.dash-val,.dash-badge,
.algo-name,.op-num,.tag,.split-tag,.hero-eyebrow,.rt-label,.al-tag,.rm-when,
.market-rate,.featured-badge,.plan-name,.cmp-table thead th{
  font-family:'JetBrains Mono',monospace;
}
/* Elegant serif — pull-quotes & editorial accents */
.founder-quote,.testimonial-card p,.duality-banner{
  font-family:'Fraunces',Georgia,serif;
}
.founder-quote{font-style:italic;letter-spacing:0.005em}
.testimonial-card p{font-size:16px;line-height:1.75}

/* ============================================================
   MOTION LAYER — additional animations
   ============================================================ */

/* Hero staggered entrance on load */
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
#hero .hero-eyebrow{animation:heroUp .7s .05s both}
#hero .hero-h1{animation:heroUp .85s .18s both}
#hero .hero-sub{animation:heroUp .85s .34s both}
#hero .hero-btns{animation:heroUp .85s .5s both}
#hero .hero-scroll{animation:heroUp 1s .95s both}

/* Gentle float for illustrations & key visuals */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.showcase-illustration img{animation:floaty 6.5s ease-in-out infinite}
.int-engine-inner{animation:floaty 5.5s ease-in-out infinite}
.partner-card .pc-icon{animation:floaty 5s ease-in-out infinite}

/* Animated section divider — grows in on reveal */
.section-header.reveal .divider{width:0;transition:width .8s cubic-bezier(.4,0,.2,1) .25s}
.section-header.reveal.visible .divider{width:80px}

/* New scroll-reveal variants */
.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1)}
.reveal-scale.visible{opacity:1;transform:none}
.reveal-blur{opacity:0;filter:blur(12px);transition:opacity .8s ease,filter .8s ease}
.reveal-blur.visible{opacity:1;filter:blur(0)}

/* Animated gradient wash on banner sections */
#partnership{background-size:220% 220%;animation:gradShift 16s ease infinite}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Underline sweep for footer + content links */
.footer-col ul a{position:relative}
.footer-col ul a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--cyan);transition:width .3s ease}
.footer-col ul a:hover::after{width:100%}

/* System status ticker (monospace marquee) */
.status-ticker{
  background:#0C1B2E;overflow:hidden;border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.st-track{display:inline-flex;white-space:nowrap;animation:ticker 30s linear infinite;will-change:transform}
.status-ticker:hover .st-track{animation-play-state:paused}
.st-track span{display:inline-flex;align-items:center;gap:8px;padding:11px 1.6rem;font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:0.03em;color:#8FA3B8;border-right:1px solid rgba(255,255,255,0.06)}
.st-track b{font-weight:700}
.st-on{color:#5DCAA5}.st-warn{color:#EF9F27}.st-crit{color:#E2574C}.st-info{color:#33D6FF}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Reduced-motion guard for the new layer */
@media(prefers-reduced-motion:reduce){
  #hero .hero-eyebrow,#hero .hero-h1,#hero .hero-sub,#hero .hero-btns,#hero .hero-scroll,
  .showcase-illustration img,.int-engine-inner,.partner-card .pc-icon,.st-track,#partnership{animation:none}
  .reveal-scale,.reveal-blur{opacity:1;transform:none;filter:none}
  .section-header.reveal .divider{width:80px;transition:none}
}