/* LabelNex labelnex.com — production stylesheet
   Mirrors labelnex.in design tokens + enterprise polish (BarTender/Loftware-grade restraint). */
:root{
  --navy:#06192e;
  --navy-2:#0c2743;
  --navy-3:#122f4e;
  --gold:#c8963e;
  --gold-2:#e8c97a;
  --bg:#f3f5f9;
  --paper:#ffffff;
  --paper-2:#f8fbff;
  --ink:#15283c;
  --muted:#647689;
  --line:#dce5ef;
  --line-strong:#bed1e5;
  --danger:#a93232;
  --shadow:0 18px 60px rgba(6,25,46,.08);
  --shadow-lg:0 30px 90px rgba(6,25,46,.18);
  --sans:"Manrope",sans-serif;
  --mono:"JetBrains Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,var(--navy) 0,var(--navy-2) 620px,var(--bg) 620px,var(--bg) 100%)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}

/* header */
.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:rgba(6,25,46,.82);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:-.02em;font-size:17px}
.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#8f6420);color:#fff;font-weight:900;font-size:12px;font-family:var(--mono)}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a{color:rgba(255,255,255,.78);font-size:14px;font-weight:600;padding:9px 13px;border-radius:999px;transition:.18s}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-links .btn-primary{padding:9px 16px}

/* hero */
.hero{color:#fff;padding:64px 0 46px}
.hero .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:start}
.hero-copy h1{font-size:clamp(30px,4.6vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 16px}
.hero-copy p{color:#c9d4dd;font-size:16.5px;line-height:1.7;margin:0 0 22px;max-width:520px}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 0}
.hero-stats .stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 10px;text-align:center}
.hero-stats .stat strong{display:block;color:var(--gold-2);font-family:var(--mono);font-size:17px;font-weight:800}
.hero-stats .stat span{color:rgba(255,255,255,.6);font-size:11px;line-height:1.25}
.hero .proof-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.proof-pill{border:1px solid rgba(200,150,62,.35);color:var(--gold-2);border-radius:999px;padding:5px 12px;font-size:12px;font-family:var(--mono)}

/* demo panel */
.demo-panel{background:linear-gradient(150deg,#0c2743,#081b33);border:1px solid rgba(200,150,62,.4);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-lg)}
.demo-head{display:flex;align-items:center;gap:10px;color:#fff;font-size:13.5px;font-weight:700}
.demo-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);animation:pulse 1.7s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 2px var(--gold)}50%{box-shadow:0 0 10px var(--gold)}}
.demo-panel select,.demo-panel input{width:100%;background:#0f2c4a;color:#fff;border:1px solid rgba(200,150,62,.35);border-radius:9px;padding:10px 12px;margin:10px 0;font-size:14px}
.demo-stage{background:#fff;border:1px solid var(--line-strong);border-radius:8px;min-height:240px;margin:14px 0;display:grid;place-items:center;color:var(--muted);font-size:13px}
.demo-stage svg{display:block}
.panel-note{color:rgba(255,255,255,.55);font-size:11.5px;line-height:1.5}
/* sections + cards */
.section{padding:60px 0}
.section.alt{background:var(--paper-2);border-top:1px solid var(--line)}
.section.dark{background:linear-gradient(160deg,#081b33,#06192e);color:#fff}
.section-title{max-width:760px;margin:0 auto 34px;text-align:center}
.section-title small{display:block;color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.section-title h2{font-size:clamp(21px,3.2vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.22;margin:0 0 12px;color:var(--ink)}
.section.dark .section-title h2{color:#fff}
.section-title p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.section.dark .section-title p{color:rgba(255,255,255,.7)}
.grid-2,.grid-3,.grid-4{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.hero .grid{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);transition:.22s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card small{display:block;color:var(--gold);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.card h3{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}
.card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 14px}
.card ul{margin:10px 0 6px;padding-left:18px;color:#374a61;font-size:14px;line-height:1.7}
.card .price{display:inline-block;background:#f1f4e8;border:1px solid rgba(200,150,62,.3);color:#5b4a1f;border-radius:8px;padding:4px 10px;font-size:12px;font-family:var(--mono);margin-top:10px}
.link{display:inline-block;color:var(--navy);font-weight:700;font-size:14px;margin-top:10px}
.link:hover{color:var(--gold)}
.card.good{background:#f2f7f0;border-color:#cddcc8}
.card.danger{background:#fbf1f0;border-color:#ecd2cf}
.card.good h3,.card.danger h3{color:var(--navy)}

/* buttons */
.btn{display:inline-block;border:0;border-radius:10px;font-weight:800;cursor:pointer;font-size:14.5px;padding:12px 20px;text-decoration:none;transition:.18s}
.btn-primary{background:var(--gold);color:#fff}
.btn-primary:hover{background:var(--gold-2);color:var(--navy)}
.btn-secondary{background:transparent;border:1px solid rgba(200,150,62,.55);color:var(--gold)}
.btn-secondary:hover{background:rgba(200,150,62,.14)}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(22px);transition:.65s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

/* footer */
.footer{background:#04101f;border-top:1px solid rgba(255,255,255,.08);padding:34px 0;color:rgba(255,255,255,.62);font-size:13px}
.footer .wrap{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.footer a{color:rgba(255,255,255,.75)}
.footer a:hover{color:var(--gold)}
::selection{background:var(--gold);color:#06192e}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#1c2b44;border-radius:6px}