:root {
    --navy:#0A1628; --navy-mid:#132040; --navy-light:#1E3058;
    --accent:#0EA5E9; --accent-light:#38BDF8;
    --accent-dim:rgba(14,165,233,0.12); --accent-border:rgba(14,165,233,0.3);
    --teal:#14B8A6; --teal-dim:rgba(20,184,166,0.12); --teal-border:rgba(20,184,166,0.3);
    --amber:#F59E0B; --amber-dim:rgba(245,158,11,0.12); --amber-border:rgba(245,158,11,0.3);
    --purple:#8B5CF6; --purple-dim:rgba(139,92,246,0.12); --purple-border:rgba(139,92,246,0.3);
    --coral:#F97316; --coral-dim:rgba(249,115,22,0.12); --coral-border:rgba(249,115,22,0.3);
    --green:#22C55E; --green-dim:rgba(34,197,94,0.12); --green-border:rgba(34,197,94,0.3);
    --text-primary:#F0F4FF; --text-secondary:#8FA3C0; --text-muted:#4D6080;
    --border:rgba(255,255,255,0.07); --border-hover:rgba(14,165,233,0.4);
    --surface:rgba(255,255,255,0.04); --surface-hover:rgba(255,255,255,0.07);
    --card-bg:rgba(19,32,64,0.6);
    --font:'DM Sans',sans-serif; --font-mono:'DM Mono',monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--font);background:var(--navy);color:var(--text-primary);line-height:1.7;font-size:16px;overflow-x:hidden;}
  body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(14,165,233,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,0.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;}
  .page-wrap{position:relative;z-index:1;}

  /* NAV */
  nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 4rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(10,22,40,0.92);backdrop-filter:blur(12px);z-index:100;}
  .nav-logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary);text-decoration:none;}
  .nav-logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--teal));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white;}
  .nav-sub{font-size:11px;color:var(--text-secondary);font-weight:400;}
  .nav-links{display:flex;align-items:center;gap:1.75rem;}
  .nav-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color .2s;}
  .nav-links a:hover{color:var(--text-primary);}
  .nav-cta{background:var(--accent);color:white;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-family:var(--font);font-weight:500;cursor:pointer;transition:background .2s,transform .15s;}
  .nav-cta:hover{background:var(--accent-light);transform:translateY(-1px);}
  .nav-links a.active {
  color: var(--text-primary);        /* Make text stand out */
  font-weight: 600;                  /* Slightly bolder */
  border-bottom: 2px solid var(--accent); /* Underline effect */
}

  /* HERO */
  .hero{padding:6rem 4rem 3rem;max-width:1200px;margin:0 auto;}
  .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-light);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:1.5rem;}
  .hero-eyeline{font-size:13px;color:var(--text-secondary);font-style:italic;margin-bottom:.75rem;}
  .hero-title{font-size:clamp(2.4rem,5vw,4rem);font-weight:600;line-height:1.1;margin-bottom:1.25rem;letter-spacing:-0.02em;}
  .hero-title .gradient{background:linear-gradient(135deg,var(--accent-light),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .hero-tagline{font-size:1.15rem;font-weight:500;color:var(--accent-light);margin-bottom:1.25rem;letter-spacing:-.01em;}
  .hero-sub{font-size:17px;color:var(--text-secondary);max-width:660px;margin-bottom:2rem;line-height:1.8;}
  .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:3rem;}
  .btn-primary{background:var(--accent);color:white;border:none;padding:13px 28px;border-radius:10px;font-size:15px;font-family:var(--font);font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
  .btn-primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,165,233,0.3);}
  .btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-hover);padding:13px 28px;border-radius:10px;font-size:15px;font-family:var(--font);font-weight:400;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
  .btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px);}

  /* WHY AUTOMATE BAND */
  .why-band{background:var(--navy-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 4rem;}
  .why-inner{max-width:1200px;margin:0 auto;}
  .why-intro{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;max-width:700px;}
  .why-intro strong{color:var(--text-primary);}
  .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
  .why-card{display:flex;align-items:flex-start;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;}
  .why-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px;}
  .why-stat{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:3px;}
  .why-desc{font-size:12px;color:var(--text-secondary);line-height:1.55;}
  .why-erp{margin-top:1.5rem;font-size:13px;color:var(--text-secondary);line-height:1.7;}
  .why-erp strong{color:var(--accent-light);}

  /* STATS BAND */
  .stats-band{background:var(--navy);border-bottom:1px solid var(--border);}
  .stats-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));}
  .stat-item{text-align:center;padding:1.75rem 1rem;border-right:1px solid var(--border);}
  .stat-item:last-child{border-right:none;}
  .stat-num{font-size:2.2rem;font-weight:600;color:var(--accent-light);line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums;}
  .stat-label{font-size:12px;color:var(--text-secondary);line-height:1.4;}

  /* SECTIONS */
  section{padding:5rem 4rem;max-width:1200px;margin:0 auto;}
  .section-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;}
  .section-eyebrow.coral{color:var(--coral);}
  .section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.01em;}
  .section-desc{font-size:16px;color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;line-height:1.8;}
  .section-context{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;max-width:680px;padding:1rem 1.25rem;background:rgba(255,255,255,0.03);border-left:3px solid var(--accent-border);border-radius:0 8px 8px 0;}

  /* PROBLEM */
  .problem-band{background:var(--navy-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 4rem;}
  .problem-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
  .problem-list{list-style:none;display:flex;flex-direction:column;gap:9px;}
  .problem-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);padding:10px 14px;background:rgba(249,115,22,0.06);border:1px solid var(--coral-border);border-radius:10px;}
  .problem-list li i{color:var(--coral);font-size:13px;margin-top:3px;flex-shrink:0;}

  /* FLOW */
  .flow-wrap{display:flex;align-items:center;gap:0;overflow-x:auto;padding:1.5rem 0 1rem;}
  .flow-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:110px;text-align:center;}
  .flow-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--border);transition:all .2s;}
  .flow-dot:hover{transform:scale(1.08);}
  .flow-label{font-size:11px;color:var(--text-secondary);font-weight:500;line-height:1.4;}
  .flow-connector{flex:1;height:1px;background:linear-gradient(90deg,var(--accent-border),rgba(14,165,233,0.1));margin-bottom:22px;min-width:20px;position:relative;}
  .flow-connector::after{content:'';position:absolute;right:-1px;top:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--accent-border);}

  /* CAPABILITY CARDS */
  .cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-bottom:1.5rem;}
  .cap-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem;cursor:pointer;transition:all .2s;backdrop-filter:blur(8px);}
  .cap-card:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-2px);}
  .cap-card.active{border-color:var(--accent);background:var(--accent-dim);}
  .cap-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px;}
  .cap-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;}
  .cap-sub{font-size:12px;color:var(--text-secondary);line-height:1.5;}

  /* DETAIL PANEL */
  .detail-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem;display:none;backdrop-filter:blur(8px);animation:fadeIn .25s ease;}
  .detail-panel.visible{display:block;}
  @keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .detail-header{display:flex;align-items:center;gap:14px;margin-bottom:.75rem;}
  .detail-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;}
  .detail-title{font-size:18px;font-weight:600;color:var(--text-primary);}
  .detail-badge{font-size:11px;color:var(--accent-light);background:var(--accent-dim);border:1px solid var(--accent-border);padding:3px 10px;border-radius:20px;margin-left:8px;}
  .detail-tagline{font-size:14px;font-style:italic;color:var(--accent-light);margin-bottom:.75rem;}
  .detail-desc{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem;max-width:680px;}
  .detail-context{font-size:13px;color:var(--text-secondary);line-height:1.75;margin-bottom:1.5rem;max-width:680px;padding:.85rem 1rem;background:rgba(255,255,255,0.03);border-left:3px solid var(--accent-border);border-radius:0 8px 8px 0;}
  .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;}
  .feature-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-secondary);padding:8px 10px;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid var(--border);}
  .feature-item i{color:var(--accent-light);font-size:13px;margin-top:2px;flex-shrink:0;}

  /* PIPELINE */
  .pipeline-wrap{display:flex;align-items:center;gap:0;overflow-x:auto;padding:1.5rem 0 1rem;}
  .pipe-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:110px;text-align:center;}
  .pipe-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--border);transition:all .2s;}
  .pipe-dot:hover{transform:scale(1.08);}
  .pipe-label{font-size:11px;color:var(--text-secondary);font-weight:500;line-height:1.4;}
  .pipe-connector{flex:1;height:1px;background:linear-gradient(90deg,var(--accent-border),rgba(14,165,233,0.1));margin-bottom:22px;min-width:20px;position:relative;}
  .pipe-connector::after{content:'';position:absolute;right:-1px;top:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--accent-border);}

  /* INTEGRATIONS */
  .int-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;}
  .int-chip{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text-secondary);transition:all .2s;cursor:default;}
  .int-chip:hover{border-color:var(--accent-border);color:var(--text-primary);transform:translateY(-2px);}
  .int-chip.jde{border-color:rgba(14,165,233,0.25);background:var(--accent-dim);}
  .int-chip.jde .int-label{color:var(--accent-light);}
  .int-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .int-badge{font-size:10px;background:var(--accent-dim);color:var(--accent-light);border:1px solid var(--accent-border);padding:2px 8px;border-radius:20px;margin-left:auto;white-space:nowrap;}

  /* DIFF CARDS */
  .diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
  .diff-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.4rem;transition:all .2s;}
  .diff-card:hover{border-color:var(--accent-border);transform:translateY(-2px);}
  .diff-em{font-size:22px;margin-bottom:12px;}
  .diff-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px;}
  .diff-desc{font-size:13px;color:var(--text-secondary);line-height:1.65;}

  /* IMPACT CARDS */
  .impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
  .impact-card{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid transparent;border-radius:14px;padding:1.25rem 1.25rem 1.25rem 1rem;display:flex;gap:14px;align-items:flex-start;transition:all .2s;}
  .impact-card:hover{transform:translateY(-2px);}
  .impact-card.bl{border-left-color:var(--accent);}
  .impact-card.tl{border-left-color:var(--teal);}
  .impact-card.al{border-left-color:var(--amber);}
  .impact-card.gl{border-left-color:var(--green);}
  .impact-card.pl{border-left-color:var(--purple);}
  .impact-card.cl{border-left-color:var(--coral);}
  .impact-ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
  .impact-title{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px;}
  .impact-desc{font-size:12px;color:var(--text-secondary);line-height:1.6;}

  /* INDUSTRIES */
  .ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
  .ind-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.25rem;transition:all .2s;}
  .ind-card:hover{border-color:var(--accent-border);transform:translateY(-2px);}
  .ind-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-light);margin-bottom:14px;}
  .ind-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px;}
  .ind-desc{font-size:12px;color:var(--text-secondary);line-height:1.6;}

  /* OUTCOMES */
  .outcomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
  .outcome-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem;display:flex;gap:14px;align-items:flex-start;transition:all .2s;}
  .outcome-card:hover{border-color:var(--accent-border);transform:translateY(-2px);}
  .outcome-icon{width:38px;height:38px;border-radius:9px;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent-light);flex-shrink:0;}
  .outcome-title{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px;}
  .outcome-desc{font-size:12px;color:var(--text-secondary);line-height:1.55;}

  /* PCB APPS CLOSING */
  .pcb-band{background:var(--navy-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 4rem;}
  .pcb-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
  .pcb-tagline{font-size:1.2rem;font-weight:600;color:var(--accent-light);margin-bottom:1rem;letter-spacing:-.01em;}
  .pcb-text{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;}
  .pcb-closer{font-size:1rem;font-weight:500;color:var(--text-primary);font-style:italic;margin-top:1.5rem;}
  .pcb-ctas{display:flex;flex-direction:column;gap:10px;}
  .pcb-cta-card{display:flex;align-items:center;gap:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:var(--text-primary);transition:all .2s;cursor:pointer;}
  .pcb-cta-card:hover{border-color:var(--accent-border);transform:translateX(4px);}
  .pcb-cta-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
  .pcb-cta-title{font-size:14px;font-weight:500;margin-bottom:2px;}
  .pcb-cta-sub{font-size:12px;color:var(--text-secondary);}

  /* QUOTE */
  .quote-wrap{background:var(--navy-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4.5rem 4rem;text-align:center;}
  .quote-inner{max-width:760px;margin:0 auto;}
  .quote-mark{font-size:4rem;line-height:.8;color:var(--accent);opacity:.35;margin-bottom:.5rem;}
  blockquote{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:400;color:var(--text-primary);line-height:1.75;font-style:italic;margin-bottom:1.5rem;}
  blockquote strong{color:var(--accent-light);font-style:normal;font-weight:500;}
  .quote-attr{font-size:13px;color:var(--text-secondary);}

  /* FOOTER CTA */
  .footer-cta-wrap{background:var(--navy-mid);border-top:1px solid var(--border);padding:5rem 4rem;text-align:center;position:relative;overflow:hidden;}
  .footer-cta-wrap::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(14,165,233,0.12) 0%,transparent 70%);pointer-events:none;}
  .footer-cta-title{font-size:2rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-0.01em;}
  .footer-cta-sub{font-size:16px;color:var(--text-secondary);margin-bottom:2rem;}
  .footer-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

  /* FOOTER */
  footer{padding:2rem 4rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);}
  footer a{color:var(--text-secondary);text-decoration:none;}
  footer a:hover{color:var(--accent-light);}

  /* REVEAL */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal.d1{transition-delay:.1s;} .reveal.d2{transition-delay:.18s;} .reveal.d3{transition-delay:.26s;}

  @media(max-width:768px){
    nav{padding:1rem 1.5rem;}
    nav .nav-links{display:none;}
    .hero,section{padding:3rem 1.5rem;}
    .why-band,.problem-band,.pcb-band,.quote-wrap,.footer-cta-wrap{padding:3rem 1.5rem;}
    .problem-inner,.pcb-inner{grid-template-columns:1fr;gap:2rem;}
    footer{padding:1.5rem;flex-direction:column;gap:8px;text-align:center;}
    .stat-item{border-right:none;border-bottom:1px solid var(--border);}
    .stat-item:last-child{border-bottom:none;}
  }