:root{
  --primary:#ff8a00;
  --primary-glow:#ffb347;
  --bg:#0b0f17;
  --surface:#121826;
  --surface-2:#1a2233;
  --text:#e7ecf3;
  --muted:#9aa6b8;
  --border:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;padding:0}
a{color:var(--primary-glow);text-decoration:none}
a:hover{color:var(--primary)}
.container-xl{max-width:1240px}
.section{padding:80px 0}
.section-sm{padding:48px 0}
.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;font-weight:600}
h1,h2,h3,h4{color:#fff;font-weight:700;letter-spacing:-.02em}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}
h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.text-muted-2{color:var(--muted)!important}
.bg-surface{background:var(--surface)}
.bg-surface-2{background:var(--surface-2)}
.border-soft{border:1px solid var(--border)}
.rounded-xl{border-radius:18px}
.btn-hero{background:linear-gradient(135deg,var(--primary),var(--primary-glow));color:#0b0f17;font-weight:700;border:0;padding:.75rem 1.4rem;border-radius:10px;box-shadow:0 10px 30px -10px rgba(255,138,0,.55)}
.btn-hero:hover{filter:brightness(1.05);color:#0b0f17}
.btn-ghost{background:transparent;color:#fff;border:1px solid var(--border);padding:.75rem 1.4rem;border-radius:10px}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}

/* Navbar */
.cs-nav{position:sticky;top:0;z-index:50;background:rgba(11,15,23,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.cs-nav .navbar-brand img{height:38px}
.cs-nav .nav-link{color:#cfd6e2!important;font-weight:500}
.cs-nav .nav-link:hover{color:var(--primary)!important}

/* Hero */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(800px 400px at 80% 10%,rgba(255,138,0,.18),transparent 60%),
  radial-gradient(600px 300px at 10% 80%,rgba(255,138,0,.10),transparent 60%),
  linear-gradient(180deg,#0b0f17,#0a0e16);
  border-bottom:1px solid var(--border)}
.hero .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%)}
.hero .pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 0 rgba(255,138,0,.7);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,138,0,.7)}70%{box-shadow:0 0 0 14px rgba(255,138,0,0)}100%{box-shadow:0 0 0 0 rgba(255,138,0,0)}}
.hero-img{border-radius:20px;border:1px solid var(--border);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}

/* Cards */
.card-cs{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;height:100%}
.card-cs:hover{transform:translateY(-4px);border-color:rgba(255,138,0,.5);box-shadow:0 20px 40px -20px rgba(255,138,0,.25)}
.card-cs img{width:100%;height:220px;object-fit:cover}
.card-cs .body{padding:1.25rem}
.chip{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:rgba(255,138,0,.1);border:1px solid rgba(255,138,0,.3);padding:.25rem .55rem;border-radius:999px}

/* Trust bar */
.trustbar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trustbar .item{color:var(--muted);font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;text-align:center;padding:1.2rem .5rem}

/* Process */
.step-num{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-glow));color:#0b0f17;display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:1rem}

/* Features */
.feature-icon{width:46px;height:46px;border-radius:12px;background:rgba(255,138,0,.12);border:1px solid rgba(255,138,0,.3);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-size:22px;margin-bottom:1rem}

/* Form */
.form-control,.form-select{background:var(--surface-2);border:1px solid var(--border);color:#fff;border-radius:10px;padding:.7rem .9rem}
.form-control:focus,.form-select:focus{background:var(--surface-2);color:#fff;border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(255,138,0,.2)}
.form-label{color:#cfd6e2;font-weight:500}

/* Footer */
.footer{background:#080c14;border-top:1px solid var(--border);padding:48px 0 24px;color:var(--muted)}
.footer h6{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--primary)}

/* Industries */
.industry{position:relative;border-radius:16px;overflow:hidden;height:260px;border:1px solid var(--border)}
.industry img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.industry:hover img{transform:scale(1.06)}
.industry .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));display:flex;align-items:flex-end;padding:1rem 1.2rem}
.industry .ov h5{color:#fff;margin:0}
.industry .ov small{color:var(--primary);text-transform:uppercase;letter-spacing:.15em;font-weight:700}

/* Brand strip */
.brand-strip img{height:54px;object-fit:contain;filter:grayscale(.2) brightness(.95)}
.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;text-align:center}
.brand-card img{width:100%;height:120px;object-fit:contain}

/* Misc */
.divider{height:1px;background:var(--border);margin:24px 0}
.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.1rem .4rem;font-size:.85rem;color:#fff}
.required{color:var(--primary)}
