:root {
  --bg-base:#0B0F14; --bg-surface:#101826; --bg-raised:#162033;
  --brand-red:#c0392b; --brand-red-lite:#e74c3c; --gold:#c9952a; --gold-lite:#f0b84a;
  --gold-dim:rgba(201,149,42,0.15); --gold-glow:rgba(240,184,74,0.28); --cyan:#00D9FF;
  --cyan-dim:rgba(0,217,255,0.12); --cyan-glow:rgba(0,217,255,0.24); --text-primary:#E6EDF3;
  --text-secondary:#9DA7B3; --text-muted:#6B7684; --border:rgba(255,255,255,0.08);
  --font-display:'Inter',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --font-mono:'JetBrains Mono',monospace;
  --ease-smooth:cubic-bezier(0.25, 0.8, 0.25, 1);
}
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--bg-base); color:var(--text-primary); font-family:var(--font-body); overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.page-shell { position:relative; min-height:100vh; }
#dust-canvas, .grid-drift, .gradient-drift { position:fixed; inset:0; pointer-events:none; }
#dust-canvas { z-index:0; opacity:.45; }
.grid-drift { z-index:1; inset:-120px; background-image:linear-gradient(rgba(201,149,42,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(201,149,42,0.03) 1px, transparent 1px); background-size:68px 68px; animation:gridDrift 32s linear infinite; }
.gradient-drift { z-index:1; background:radial-gradient(ellipse 80% 60% at 18% 22%, rgba(0,217,255,0.05), transparent 60%), radial-gradient(ellipse 70% 70% at 85% 75%, rgba(201,149,42,0.08), transparent 65%); animation:drift 18s ease-in-out infinite alternate; }
.page-content { position:relative; z-index:10; }
.container { width:min(1180px, calc(100% - 2rem)); margin:0 auto; }
.section-padding { padding:6.5rem 0; }
.section-eyebrow { color:var(--gold-lite); text-transform:uppercase; letter-spacing:.16em; font-size:.73rem; font-family:var(--font-mono); margin-bottom:.8rem; }
.section-headline { font-size:clamp(2.2rem, 4vw, 3.7rem); line-height:1.04; letter-spacing:-.04em; font-weight:800; }
.section-sub { color:var(--text-secondary); line-height:1.7; max-width:650px; margin-top:1rem; }
.section-header { margin-bottom:2rem; }
.nav { position:fixed; inset:0 0 auto; z-index:100; padding:1.1rem 0; background:rgba(11,15,20,0.72); backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,0.04); }
.nav-container { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.nav-logo { display:flex; align-items:center; gap:.8rem; }
.nav-logo-img { height:44px; width:auto; mix-blend-mode:screen; filter:brightness(1.1); }
.nav-logo-text-wrap { display:grid; gap:1px; }
.nav-logo-text { font-weight:800; color:var(--brand-red); letter-spacing:-.03em; }
.nav-logo-tagline { color:var(--text-muted); font-size:.8rem; }
.nav-links { display:flex; align-items:center; gap:1.5rem; }
.nav-link, .nav-dropdown-title { font-size:.93rem; font-weight:600; }
.nav-link { color:var(--text-secondary); }
.nav-link:hover, .nav-link.active { color:var(--text-primary); }
.nav-item { position:relative; }
.nav-dropdown { position:absolute; top:calc(100% + 12px); left:0; opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s var(--ease-smooth); }
.nav-item:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.nav-dropdown-inner { width:320px; border-radius:20px; border:1px solid var(--border); background:rgba(11,15,20,0.96); box-shadow:0 20px 40px rgba(0,0,0,0.28); padding:.7rem; display:grid; gap:.45rem; }
.nav-dropdown-item { display:flex; gap:.85rem; align-items:flex-start; border-radius:16px; padding:.75rem; }
.nav-dropdown-item:hover { background:rgba(255,255,255,0.04); }
.nav-dropdown-icon-product { color:var(--gold-lite); display:grid; place-items:center; }
.nav-dropdown-content { display:grid; gap:.25rem; }
.nav-dropdown-desc { color:var(--text-muted); font-size:.84rem; }
.nav-cta, .btn-primary, .btn-secondary, .mini-cta { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border-radius:999px; font-weight:700; transition:.22s var(--ease-smooth); }
.nav-cta, .btn-secondary { min-height:48px; padding:0 1.25rem; border:1px solid rgba(0,217,255,0.26); color:var(--text-primary); background:rgba(255,255,255,0.03); }
.btn-primary { min-height:54px; padding:0 1.5rem; background:linear-gradient(135deg, var(--gold) 0%, var(--gold-lite) 100%); color:#081018; box-shadow:0 18px 36px rgba(201,149,42,0.2); }
.btn-primary:hover, .btn-secondary:hover, .nav-cta:hover, .mini-cta:hover { transform:translateY(-2px); }
.nav-hamburger, .nav-mobile-panel, .nav-mobile-overlay { display:none; }
.hero { padding:8.4rem 0 5.4rem; }
.hero-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:2.3rem; align-items:center; }
.hero-copy { max-width:620px; }
.hero-lead { margin-top:1rem; color:var(--text-secondary); font-size:1.05rem; line-height:1.75; max-width:600px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.7rem; }
.trust-strip, .proof-strip { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.25rem; }
.trust-strip-item, .proof-pill, .status-chip { border-radius:999px; border:1px solid rgba(255,255,255,0.06); background:rgba(255,255,255,0.03); padding:.62rem .9rem; font-size:.84rem; color:var(--text-secondary); }
.proof-pill.highlight { border-color:rgba(240,184,74,0.26); color:var(--gold-lite); background:rgba(240,184,74,0.08); }
.hero-panel { background:linear-gradient(180deg, rgba(16,24,38,0.92), rgba(11,15,20,0.94)); border:1px solid var(--border); border-radius:28px; padding:1.2rem; box-shadow:0 24px 48px rgba(0,0,0,0.28); }
.hero-panel img { border-radius:22px; border:1px solid rgba(255,255,255,0.06); box-shadow:0 24px 44px rgba(0,0,0,0.28); }
.hero-caption { display:flex; justify-content:space-between; gap:1rem; margin-top:1rem; color:var(--text-secondary); font-size:.9rem; }
.status-band { background:rgba(255,255,255,0.02); border-top:1px solid rgba(255,255,255,0.04); border-bottom:1px solid rgba(255,255,255,0.04); }
.status-grid, .feature-grid, .service-grid { display:grid; gap:1rem; }
.status-grid { grid-template-columns:repeat(3,1fr); }
.feature-grid { grid-template-columns:repeat(3,1fr); margin-top:2rem; }
.service-grid { grid-template-columns:1.1fr .9fr; align-items:stretch; }
.card, .service-panel { background:rgba(16,24,38,0.86); border:1px solid var(--border); border-radius:24px; padding:1.4rem; }
.card h3, .service-panel h3 { font-size:1.15rem; margin-top:.85rem; }
.card p, .service-panel p, .card li, .service-panel li { color:var(--text-secondary); line-height:1.65; }
.card ul, .service-panel ul { margin-top:1rem; padding-left:1.1rem; display:grid; gap:.55rem; }
.card-index { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; background:rgba(0,217,255,0.12); color:var(--cyan); font-family:var(--font-mono); font-weight:700; }
.status-chip { display:inline-flex; align-items:center; gap:.55rem; width:max-content; }
.status-chip::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--gold-lite); box-shadow:0 0 12px var(--gold-glow); }
.step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem; }
.step-card { position:relative; padding:1.4rem 1.3rem 1.35rem; background:rgba(255,255,255,0.03); border:1px solid var(--border); border-radius:24px; }
.step-number { font-family:var(--font-mono); font-size:.8rem; color:var(--gold-lite); margin-bottom:1rem; }
.step-card h3 { font-size:1.15rem; margin-bottom:.65rem; }
.step-card p { color:var(--text-secondary); line-height:1.65; }
.service-panel.primary { background:linear-gradient(180deg, rgba(192,57,43,0.16), rgba(16,24,38,0.92)); }
.service-panel.secondary { background:linear-gradient(180deg, rgba(0,217,255,0.09), rgba(16,24,38,0.92)); }
.footer { padding:3rem 0 2rem; border-top:1px solid rgba(255,255,255,0.06); margin-top:5rem; }
.footer-inner { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:1.4rem; }
.footer-brand-name { font-size:1.2rem; font-weight:800; color:var(--brand-red); }
.footer-brand-tagline, .footer-brand-desc, .footer-links a, .footer-bottom { color:var(--text-secondary); }
.footer-col-title { font-weight:700; margin-bottom:.9rem; }
.footer-links { list-style:none; display:grid; gap:.55rem; }
.footer-links a:hover { color:var(--text-primary); }
.footer-bottom { display:flex; justify-content:space-between; gap:1rem; border-top:1px solid rgba(255,255,255,0.06); margin-top:1.8rem; padding-top:1rem; font-size:.9rem; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .45s var(--ease-smooth), transform .45s var(--ease-smooth); }
.reveal.visible { opacity:1; transform:none; }
@keyframes gridDrift { from { transform:translate(0,0); } to { transform:translate(68px,68px); } }
@keyframes drift { from { transform:scale(1) translate(0,0); } to { transform:scale(1.08) translate(2%, 3%); } }
@media (max-width:980px) {
  .hero-layout, .service-grid, .status-grid, .feature-grid, .step-grid, .footer-inner { grid-template-columns:1fr; }
  .nav-links, .nav-cta { display:none; }
  .nav-hamburger { display:flex; flex-direction:column; gap:5px; width:42px; height:42px; justify-content:center; align-items:center; border-radius:14px; border:1px solid var(--border); background:rgba(255,255,255,0.03); }
  .nav-hamburger-line { width:18px; height:2px; background:var(--text-primary); }
  .nav-mobile-panel { display:block; position:fixed; inset:0 auto 0 0; width:min(92vw, 340px); padding:1.2rem; background:rgba(11,15,20,0.98); z-index:120; transform:translateX(-100%); transition:.24s var(--ease-smooth); border-right:1px solid var(--border); }
  .nav-mobile-panel.open { transform:translateX(0); }
  .nav-mobile-overlay { position:fixed; inset:0; z-index:115; background:rgba(0,0,0,0.6); opacity:0; visibility:hidden; transition:.2s ease; }
  .nav-mobile-overlay.open { opacity:1; visibility:visible; }
  .nav-mobile-links { display:grid; gap:.7rem; margin-top:1.4rem; }
  .nav-mobile-link, .nav-mobile-sublink { display:block; border-radius:16px; background:rgba(255,255,255,0.03); border:1px solid var(--border); padding:.9rem 1rem; }
  .nav-mobile-subsection { display:grid; gap:.55rem; }
  .footer-bottom { flex-direction:column; }
}