:root {
  --violet:         #7C3AED;
  --violet-dark:    #6D28D9;
  --violet-light:   #A855F7;
  --violet-pale:    #C4B5FD;
  --violet-glow:    rgba(124,58,237,0.18);
  --violet-glow-sm: rgba(124,58,237,0.10);
  --bg:             #09060F;
  --bg-2:           #0E0A18;
  --bg-card:        #120D1F;
  --bg-card-2:      #1A1232;
  --border:         rgba(124,58,237,0.22);
  --border-subtle:  rgba(255,255,255,0.06);
  --text-primary:   #E8E0F0;
  --text-muted:     rgba(232,224,240,0.55);
  --text-dim:       rgba(232,224,240,0.3);
  --white:          #FFFFFF;
  --font-display:   'Inter', sans-serif;
  --font-body:      'Inter', sans-serif;
  --font-mono:      'JetBrains Mono', 'SF Mono', monospace;
  --radius:         12px;
  --radius-lg:      20px;
  --radius-xl:      28px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text-primary);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body::before {
  content:'';
  position:fixed; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events:none; z-index:0; opacity:0.4;
}

.mesh-bg {
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 10% 0%, rgba(109,40,217,0.20) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 90% 10%, rgba(124,58,237,0.12) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(124,58,237,0.08) 0%, transparent 60%);
}

h1,h2,h3,h4 { font-family: var(--font-display); line-height:1.15; }
a { color:inherit; text-decoration:none; }

.container {
  max-width:1180px;
  margin:0 auto;
  padding:0 2rem;
  position:relative; z-index:1;
}

/* ══ NAV ══ */
header {
  position:fixed; top:0; left:0; right:0;
  z-index:1000;
}

nav {
  display:flex; align-items:center; justify-content:space-between;
  padding:1.25rem 2rem;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:rgba(9,6,15,0.75);
  border-bottom:1px solid var(--border-subtle);
  transition:background 0.3s ease;
}

.nav-logo {
  display:flex; align-items:center;
  font-family:var(--font-body);
  font-size:1.1rem; font-weight:400; letter-spacing:4px;
}
.nav-logo .br  { font-family:var(--font-mono); color:var(--violet-dark); font-size:1.35rem; letter-spacing:-1px; }
.nav-logo .eek { color:var(--violet-light); }

.nav-links { display:flex; align-items:center; gap:2rem; list-style:none; }
.nav-links a { font-family:var(--font-mono); font-size:0.83rem; color:var(--text-muted); transition:color 0.2s; }
.nav-links a.active, .nav-links a:hover { color:var(--text-primary); }

.nav-cta {
  background:var(--violet) !important;
  color:var(--white) !important;
  padding:0.55rem 1.4rem;
  border-radius:8px;
  font-size:0.8rem !important;
  letter-spacing:1px !important;
  transition:background 0.2s !important;
}
.nav-cta:hover { background:var(--violet-dark) !important; }

.nav-hamburger { display:none; cursor:pointer; flex-direction:column; gap:5px; }
.nav-hamburger span { width:22px; height:2px; background:var(--text-primary); border-radius:2px; display:block; transition:all 0.3s; }

/* ══ MOBILE NAV ══ */
.mobile-nav {
  display:none;
  position:fixed; inset:0;
  background:rgba(9,6,15,0.97);
  backdrop-filter:blur(20px);
  z-index:999;
  flex-direction:column; align-items:center; justify-content:center; gap:2rem;
}
.mobile-nav.active { display:flex; }
.mobile-nav a { font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--text-primary); transition:color 0.2s; }
.mobile-nav a:hover { color:var(--violet-light); }
.mobile-nav-close { position:absolute; top:1.5rem; right:2rem; font-size:1.5rem; color:var(--text-muted); cursor:pointer; font-family:var(--font-mono); }

/* ══ BUTTONS ══ */
.btn-primary {
  display:inline-flex; align-items:center; gap:0.6rem;
  background:var(--violet); color:var(--white);
  padding:0.85rem 2rem; border-radius:var(--radius);
  font-family:var(--font-mono); font-size:0.85rem; letter-spacing:0.5px; font-weight:500;
  transition:all 0.2s ease; border:1px solid transparent;
}
.btn-primary:hover { background:var(--violet-dark); transform:translateY(-2px); box-shadow:0 8px 30px rgba(124,58,237,0.35); }

.btn-secondary {
  display:inline-flex; align-items:center; gap:0.6rem;
  background:transparent; color:var(--text-primary);
  padding:0.85rem 2rem; border-radius:var(--radius);
  font-family:var(--font-mono); font-size:0.85rem; letter-spacing:0.5px;
  transition:all 0.2s ease; border:1px solid var(--border);
}
.btn-secondary:hover { border-color:var(--violet); color:var(--violet-pale); transform:translateY(-2px); }

/* ══ SECTION LABELS ══ */
.section-tag {
  font-family:var(--font-mono); font-size:0.7rem;
  letter-spacing:4px; text-transform:uppercase;
  color:var(--violet-light); margin-bottom:0.75rem;
}
.section-title {
  font-size:clamp(2rem,3.5vw,2.8rem); font-weight:700;
  letter-spacing:-0.5px; line-height:1.1; margin-bottom:1.25rem;
}
.section-desc { font-size:1rem; color:var(--text-muted); line-height:1.8; max-width:600px; }
.accent { color:var(--violet-light); }
.page-header { padding: 12rem 0 6rem; text-align: center; }
.page-header h1 { font-size: clamp(3rem, 5vw, 4rem); font-weight: 800; letter-spacing: -1.5px; margin-bottom: 1.5rem; }

/* ══ HERO ══ */
.hero {
  min-height:100vh; display:flex; align-items:center;
  padding:8rem 0 6rem; overflow:hidden;
}
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }

.hero-eyebrow {
  font-family:var(--font-mono); font-size:0.72rem;
  letter-spacing:4px; color:var(--violet-light); text-transform:uppercase;
  margin-bottom:1.5rem; display:flex; align-items:center; gap:0.75rem;
}
.hero-eyebrow::before { content:''; display:block; width:24px; height:1px; background:var(--violet-light); }

.hero h1 { font-size:clamp(2.8rem,5vw,4.4rem); font-weight:800; line-height:1.05; margin-bottom:1.5rem; letter-spacing:-1.5px; }
.hero h1 em {
  font-style:normal;
  background:linear-gradient(135deg, var(--violet-pale) 0%, var(--violet-light) 50%, var(--violet) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.hero-desc { font-size:1.05rem; color:var(--text-muted); line-height:1.8; max-width:480px; margin-bottom:2.5rem; }
.hero-actions { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }

.hero-stats { display:flex; gap:2.5rem; margin-top:3rem; padding-top:2rem; border-top:1px solid var(--border-subtle); }
.stat-num { font-family:var(--font-display); font-size:2.2rem; font-weight:700; letter-spacing:-1px; line-height:1; }
.stat-num span { color:var(--violet-light); }
.stat-label { font-family:var(--font-mono); font-size:0.72rem; color:var(--text-muted); letter-spacing:1px; margin-top:0.3rem; }

/* Code Window */
.hero-visual { position:relative; }
.code-window {
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--radius-lg); overflow:hidden;
  box-shadow: 0 0 0 1px rgba(124,58,237,0.1), 0 20px 60px rgba(0,0,0,0.5), 0 0 80px rgba(109,40,217,0.12);
  animation:floatUp 6s ease-in-out infinite;
}
@keyframes floatUp { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }

.window-bar {
  background:rgba(255,255,255,0.03); border-bottom:1px solid var(--border-subtle);
  padding:0.85rem 1.2rem; display:flex; align-items:center; gap:0.6rem;
}
.window-dot { width:10px; height:10px; border-radius:50%; }
.window-dot.red{background:#FF5F57} .window-dot.yellow{background:#FFBD2E} .window-dot.green{background:#28CA41}
.window-bar-title { font-family:var(--font-mono); font-size:0.72rem; color:var(--text-dim); margin-left:0.5rem; letter-spacing:1px; }

.code-body { padding:1.5rem; font-family:var(--font-mono); font-size:0.8rem; line-height:2; }
.code-line { display:flex; gap:1.2rem; }
.ln { color:var(--text-dim); user-select:none; min-width:1.5rem; text-align:right; }
.kw{color:#C4B5FD} .fn{color:#A855F7} .str{color:#86EFAC} .cm{color:rgba(232,224,240,0.3);font-style:italic}
.op{color:#94A3B8} .cls{color:#FCD34D} .punc{color:var(--text-muted)} .var{color:#E8E0F0} .num{color:#FB923C}
.indent1{padding-left:1.5rem} .indent2{padding-left:3rem}

.cursor-blink {
  display:inline-block; width:2px; height:14px;
  background:var(--violet-light); border-radius:1px; vertical-align:middle;
  animation:blink 1.2s step-end infinite;
}
@keyframes blink { 0%,100%{opacity:0.8} 50%{opacity:0} }

/* Scroll hint */
.scroll-hint {
  display:flex; flex-direction:column; align-items:center; gap:0.5rem;
  position:absolute; bottom:3rem; left:50%; transform:translateX(-50%);
  font-family:var(--font-mono); font-size:0.65rem; letter-spacing:3px;
  color:var(--text-dim); text-transform:uppercase;
}
.scroll-line { width:1px; height:40px; background:linear-gradient(180deg,var(--violet-light),transparent); animation:scrollPulse 2s ease-in-out infinite; }
@keyframes scrollPulse { 0%,100%{opacity:0.3;height:40px} 50%{opacity:1;height:50px} }

/* ══ TRUST BAR ══ */
.trust-section { padding:4rem 0; border-top:1px solid var(--border-subtle); border-bottom:1px solid var(--border-subtle); }
.trust-items { display:flex; align-items:center; justify-content:center; gap:3.5rem; flex-wrap:wrap; }
.trust-item { display:flex; align-items:center; gap:0.7rem; font-family:var(--font-mono); font-size:0.8rem; color:var(--text-dim); letter-spacing:0.5px; }
.trust-item .trust-dot { color:var(--violet-light); font-size:1rem; }

/* ══ VALUE CARDS ══ */
.value-section { padding:7rem 0; }
.value-intro { text-align:center; margin-bottom:5rem; }
.value-intro .section-desc { margin:0 auto; }

.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }

.value-card {
  background:var(--bg-card); border:1px solid var(--border-subtle);
  border-radius:var(--radius-xl); padding:2.2rem;
  position:relative; overflow:hidden; transition:all 0.3s ease;
}
.value-card:hover { border-color:var(--border); transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 40px rgba(124,58,237,0.08); }
.value-card::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(124,58,237,0.5),transparent); opacity:0; transition:opacity 0.3s; }
.value-card:hover::before { opacity:1; }

.card-num { font-family:var(--font-mono); font-size:0.68rem; color:var(--text-dim); letter-spacing:2px; margin-bottom:1.5rem; }
.card-icon { width:48px; height:48px; background:var(--violet-glow-sm); border:1px solid var(--border); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:1.2rem; font-size:1.4rem; }
.value-card h3 { font-size:1.15rem; font-weight:600; margin-bottom:0.75rem; }
.value-card p { font-size:0.88rem; color:var(--text-muted); line-height:1.8; }

.highlight-box { background:rgba(124,58,237,0.08); border:1px solid rgba(124,58,237,0.25); border-radius:var(--radius); padding:1.5rem 2rem; margin:2rem 0; }
.highlight-box p { font-size:1.05rem; color:var(--text-primary); line-height:1.7; }

/* ══ SERVICES ══ */
.services-section {
  padding:7rem 0;
  background:linear-gradient(180deg,transparent 0%,rgba(109,40,217,0.04) 50%,transparent 100%);
}
.services-header { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:end; margin-bottom:4rem; }

.services-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1px; background:var(--border-subtle);
  border:1px solid var(--border-subtle); border-radius:var(--radius-xl); overflow:hidden;
}

.service-item { background:var(--bg-card); padding:2.2rem; transition:background 0.2s; position:relative; }
.service-item:hover { background:var(--bg-card-2); }

.service-icon { font-size:2rem; margin-bottom:1rem; display:block; }
.service-item h3 { font-family:var(--font-display); font-size:1.05rem; font-weight:600; margin-bottom:0.6rem; }
.service-item p { font-size:0.83rem; color:var(--text-muted); line-height:1.75; }
.service-tag { display:inline-block; margin-top:1rem; font-family:var(--font-mono); font-size:0.68rem; color:var(--violet-light); letter-spacing:1px; background:rgba(124,58,237,0.1); padding:0.3rem 0.7rem; border-radius:99px; }

/* Integration featured card — spans full row */
.service-item--featured {
  grid-column: span 3;
  background: var(--bg-card-2);
  border-top: 2px solid var(--violet);
  position: relative; overflow: hidden;
}
.service-item--featured::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 100% at 0% 50%, rgba(124,58,237,0.10) 0%, transparent 70%);
  pointer-events:none;
}
.service-item--featured:hover { background:var(--bg-card-2); }
.service-item--featured h3 {
  font-size:1.2rem;
  background:linear-gradient(135deg, var(--text-primary) 40%, var(--violet-pale) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.service-item--featured p { max-width:700px; }

.service-integration-pills { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:1.25rem; margin-bottom:0.25rem; }
.int-pill {
  font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.5px;
  color:var(--violet-pale); background:rgba(124,58,237,0.12);
  border:1px solid rgba(124,58,237,0.30); padding:0.3rem 0.75rem;
  border-radius:99px; white-space:nowrap; transition:all 0.2s ease;
}
.int-pill:hover { background:rgba(124,58,237,0.25); border-color:var(--violet); color:var(--white); }

/* ══ INDUSTRIES ══ */
.industries-section { padding:7rem 0; background:linear-gradient(180deg,transparent,rgba(109,40,217,0.03) 50%,transparent); }
.industries-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:3.5rem; }
.industry-card { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:1.8rem 1.5rem; transition:all 0.2s; text-align:center; }
.industry-card:hover { border-color:var(--border); background:var(--bg-card-2); transform:translateY(-3px); }
.industry-icon { font-size:2rem; margin-bottom:0.8rem; display:block; }
.industry-card h3 { font-family:var(--font-display); font-size:0.95rem; font-weight:600; margin-bottom:0.4rem; }
.industry-card p { font-size:0.78rem; color:var(--text-muted); line-height:1.6; }

/* ══ PROCESS ══ */
.process-section { padding:7rem 0; }
.process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; margin-top:4rem; }
.process-steps::before { content:''; position:absolute; top:2.5rem; left:calc(12.5% + 1.5rem); right:calc(12.5% + 1.5rem); height:1px; background:linear-gradient(90deg,transparent,var(--violet),var(--violet),transparent); opacity:0.3; }
.process-step { padding:0 1.5rem; text-align:center; }
.step-circle { width:48px; height:48px; border:1px solid var(--border); border-radius:50%; background:var(--bg-card); display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; font-family:var(--font-mono); font-size:0.8rem; color:var(--violet-light); position:relative; z-index:1; }
.process-step h3 { font-family:var(--font-display); font-size:1rem; font-weight:600; margin-bottom:0.6rem; }
.process-step p { font-size:0.83rem; color:var(--text-muted); line-height:1.75; }

/* ══ COMPARE TABLE ══ */
.compare-section { padding:7rem 0; background:linear-gradient(180deg,transparent,rgba(109,40,217,0.05) 50%,transparent); }
.compare-wrap { margin-top:3.5rem; border:1px solid var(--border); border-radius:var(--radius-xl); overflow:hidden; }
.compare-table { width:100%; border-collapse:collapse; }
.compare-table th { padding:1.4rem 1.8rem; text-align:left; font-family:var(--font-mono); font-size:0.75rem; letter-spacing:2px; text-transform:uppercase; }
.compare-table th:first-child { color:var(--text-dim); }
.compare-table th.col-them { background:rgba(255,255,255,0.02); color:var(--text-muted); }
.compare-table th.col-us { background:rgba(124,58,237,0.15); color:var(--violet-light); border-left:1px solid var(--border); }
.compare-table td { padding:1rem 1.8rem; font-size:0.88rem; border-top:1px solid var(--border-subtle); vertical-align:middle; }
.compare-table td:first-child { color:var(--text-muted); font-size:0.85rem; }
.compare-table td.col-them { background:rgba(255,255,255,0.01); color:var(--text-dim); }
.compare-table td.col-us { background:rgba(124,58,237,0.06); border-left:1px solid var(--border); color:var(--text-primary); }
.compare-table tr:hover td { background:rgba(255,255,255,0.02); }
.compare-table tr:hover td.col-us { background:rgba(124,58,237,0.10); }
.check{color:#4ADE80;font-size:1rem} .cross{color:rgba(255,255,255,0.2);font-size:1rem}

/* ══ TECH MARQUEE ══ */
.tech-section { padding:6rem 0; }
.tech-marquee-wrap { overflow:hidden; position:relative; margin-top:3rem; }
.tech-marquee-wrap::before, .tech-marquee-wrap::after { content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; }
.tech-marquee-wrap::before { left:0; background:linear-gradient(90deg,var(--bg),transparent); }
.tech-marquee-wrap::after  { right:0; background:linear-gradient(270deg,var(--bg),transparent); }
.tech-marquee { display:flex; gap:1.5rem; animation:marquee 30s linear infinite; width:max-content; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.tech-marquee:hover { animation-play-state:paused; }
.tech-pill { display:flex; align-items:center; gap:0.6rem; background:var(--bg-card); border:1px solid var(--border-subtle); padding:0.65rem 1.2rem; border-radius:99px; white-space:nowrap; font-family:var(--font-mono); font-size:0.78rem; color:var(--text-muted); transition:all 0.2s; flex-shrink:0; }
.tech-pill:hover { border-color:var(--border); color:var(--text-primary); }
.tech-pill .dot { width:6px; height:6px; border-radius:50%; background:var(--violet-light); }

/* ══ FAQ ══ */
.faq-section { padding:7rem 0; }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; margin-top:3.5rem; }
.faq-left { position:sticky; top:8rem; }
.faq-list { display:flex; flex-direction:column; gap:0.75rem; }
.faq-item { background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius); overflow:hidden; transition:border-color 0.2s; }
.faq-item:hover { border-color:var(--border); }
.faq-q { padding:1.2rem 1.5rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size:0.92rem; font-weight:500; color:var(--text-primary); user-select:none; }
.faq-q .faq-arrow { color:var(--violet-light); font-size:1rem; transition:transform 0.3s; flex-shrink:0; }
.faq-item.open .faq-arrow { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height 0.35s ease; font-size:0.87rem; color:var(--text-muted); line-height:1.8; }
.faq-item.open .faq-a { max-height:300px; }
.faq-a-inner { padding:0 1.5rem 1.4rem; }

/* ══ CTA ══ */
.cta-section { padding:8rem 0; }
.cta-box { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-xl); padding:5rem 4rem; text-align:center; position:relative; overflow:hidden; }
.cta-box::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(109,40,217,0.25) 0%,transparent 70%); pointer-events:none; }
.cta-box h2 { font-size:clamp(2.2rem,4vw,3.4rem); font-weight:800; letter-spacing:-1px; margin-bottom:1.2rem; position:relative; }
.cta-box p { font-size:1.05rem; color:var(--text-muted); max-width:520px; margin:0 auto 2.5rem; position:relative; }
.cta-actions { display:flex; align-items:center; justify-content:center; gap:1rem; flex-wrap:wrap; position:relative; }
.cta-note { font-family:var(--font-mono); font-size:0.72rem; color:var(--text-dim); letter-spacing:1px; margin-top:1.5rem; position:relative; }

/* ══ FOOTER ══ */
footer { padding:4rem 0 3rem; border-top:1px solid var(--border-subtle); }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
.footer-brand .footer-logo { font-family:var(--font-body); font-size:1.05rem; letter-spacing:4px; margin-bottom:0.8rem; display:block; }
.footer-brand .footer-logo .br { font-family:var(--font-mono); color:var(--violet-dark); }
.footer-brand .footer-logo .eek { color:var(--violet-light); }
.footer-brand p { font-size:0.83rem; color:var(--text-dim); line-height:1.7; max-width:260px; margin-bottom:1.2rem; }
.footer-by { font-family:var(--font-mono); font-size:0.7rem; color:var(--text-dim); letter-spacing:1px; }
.footer-by a { color:var(--violet-light); }
.footer-by a:hover { color:var(--violet-pale); }
.footer-col h4 { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--text-dim); margin-bottom:1.2rem; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }
.footer-col a { font-size:0.85rem; color:var(--text-muted); transition:color 0.2s; }
.footer-col a:hover { color:var(--text-primary); }
.footer-bottom { padding-top:2rem; border-top:1px solid var(--border-subtle); display:flex; justify-content:space-between; align-items:center; }
.footer-bottom-left { font-family:var(--font-mono); font-size:0.72rem; color:var(--text-dim); letter-spacing:0.5px; }
.footer-bottom-right { font-family:var(--font-mono); font-size:0.72rem; color:var(--text-dim); }
.footer-bottom-right a { color:var(--violet-light); }
.footer-bottom-right a:hover { color:var(--violet-pale); }

/* ══ ANIMATIONS ══ */
.fade-up { opacity:0; transform:translateY(30px); transition:opacity 0.7s ease,transform 0.7s ease; }
.fade-up.visible { opacity:1; transform:translateY(0); }

/* Form Styles for Contact */
.contact-form {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  padding: 3rem;
  max-width: 700px;
  margin: 0 auto;
}
.form-group {
  margin-bottom: 1.5rem;
}
.form-group label {
  display: block;
  font-family: var(--font-mono);
  font-size: 0.8rem;
  color: var(--text-dim);
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}
.form-control {
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius);
  padding: 1rem;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 0.95rem;
  transition: all 0.2s ease;
}
.form-control:focus {
  outline: none;
  border-color: var(--violet-light);
  background: rgba(124, 58, 237, 0.05);
}
textarea.form-control {
  min-height: 150px;
  resize: vertical;
}

/* ══ RESPONSIVE ══ */
@media (max-width:1024px) {
  .hero-grid { grid-template-columns:1fr; gap:3rem; }
  .hero-visual { max-width:600px; margin:0 auto; }
  .value-grid { grid-template-columns:repeat(2,1fr); }
  .services-header { grid-template-columns:1fr; gap:2rem; }
  .services-grid { grid-template-columns:repeat(2,1fr); }
  .service-item--featured { grid-column:span 2; }
  .process-steps { grid-template-columns:repeat(2,1fr); }
  .process-steps::before { display:none; }
  .industries-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .faq-grid { grid-template-columns:1fr; }
  .faq-left { position:static; }
}
@media (max-width:768px) {
  .nav-links { display:none; }
  .nav-hamburger { display:flex; }
  .value-grid { grid-template-columns:1fr; }
  .services-grid { grid-template-columns:1fr; }
  .service-item--featured { grid-column:span 1; }
  .industries-grid { grid-template-columns:repeat(2,1fr); }
  .hero h1 { font-size:2.4rem; }
  .cta-box { padding:3rem 2rem; }
  .footer-grid { grid-template-columns:1fr; }
  .compare-table { font-size:0.78rem; }
  .compare-table th, .compare-table td { padding:0.8rem 1rem; }
  .footer-bottom { flex-direction:column; gap:0.75rem; text-align:center; }
  .contact-form { padding: 1.5rem; }
}
@media (max-width:480px) {
  .industries-grid { grid-template-columns:1fr; }
  .hero-stats { flex-direction:column; gap:1.5rem; }
  .process-steps { grid-template-columns:1fr; }
}

/* LANGUAGE SELECTOR */
.lang-selector {
  margin-left: 1.5rem;
  display: flex;
  align-items: center;
}
.lang-selector select {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
  padding: 0.35rem 0.8rem;
  border-radius: 6px;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease;
}
.lang-selector select:hover {
  border-color: var(--violet-light);
  background: rgba(124, 58, 237, 0.1);
}
.lang-selector select option {
  background: var(--bg);
  color: var(--text-primary);
}
@media (max-width:768px) {
  .lang-selector {
    margin-left: auto;
    margin-right: 1rem;
  }
}