/* ═══════════════════════════════════════
   KoFab v4 — Landing Page Styles
   (append to style.css)
═══════════════════════════════════════ */

/* ── GLOBAL NAV ── */
.gnav {
  position:sticky; top:0; z-index:200;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.gnav-inner {
  max-width:1140px; margin:0 auto;
  padding:.9rem 2rem;
  display:flex; align-items:center; gap:2rem;
}
.gnav-logo {
  font-family:var(--font-en); font-size:1.35rem;
  font-weight:800; letter-spacing:-.5px; color:var(--text);
}
.gnav-logo span { color:var(--amber); }
.gnav-links {
  display:flex; list-style:none; gap:2rem; margin-left:auto;
}
.gnav-links a { font-size:.875rem; color:var(--text3); transition:color .15s; }
.gnav-links a:hover { color:var(--amber); }
.gnav-right { display:flex; gap:.6rem; align-items:center; }
.gnav-hamburger {
  display:none; background:none; border:none;
  font-size:1.3rem; cursor:pointer; color:var(--text); margin-left:auto;
}
.gnav-mobile {
  display:none; flex-direction:column;
  padding:.8rem 2rem 1.2rem; gap:.9rem;
  border-top:1px solid var(--border); background:var(--bg2);
}
.gnav-mobile a { font-size:.92rem; color:var(--text3); }
.gnav-mobile.open { display:flex; }

/* ── HERO ── */
.lp-hero {
  padding:6rem 2rem 5rem; text-align:center;
  background:linear-gradient(155deg,#fff 55%,#fff8ee 100%);
  border-bottom:1px solid var(--border); position:relative; overflow:hidden;
}
.lp-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 0%, rgba(224,123,13,.07),transparent 70%);
  pointer-events:none;
}
.lp-hero-inner { position:relative; max-width:820px; margin:0 auto; }
.lp-badge {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--amber-lt); border:1px solid var(--amber-bd);
  border-radius:20px; padding:.35rem 1rem;
  font-size:.775rem; color:var(--amber); margin-bottom:1.8rem;
}
.lp-badge-dot {
  width:6px; height:6px; background:var(--green);
  border-radius:50%; animation:lpblink 2s infinite;
}
@keyframes lpblink{0%,100%{opacity:1}50%{opacity:.3}}
.lp-hero h1 {
  font-family:var(--font-en); font-size:clamp(2.4rem,6vw,4rem);
  font-weight:800; line-height:1.08; letter-spacing:-2px;
  color:var(--text); margin-bottom:1.4rem;
}
.lp-hero h1 em { color:var(--amber); font-style:normal; }
.lp-hero p {
  font-size:1.05rem; color:var(--text3); line-height:1.9;
  font-weight:300; margin-bottom:2.5rem;
}
.lp-hero-btns { display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap; }

/* ── STATS BAR ── */
.lp-stats {
  display:flex; justify-content:center; align-items:center;
  background:var(--bg2); border-bottom:1px solid var(--border); flex-wrap:wrap;
}
.lp-stat { display:flex; flex-direction:column; align-items:center; padding:1.6rem 3rem; gap:3px; }
.lp-stat-num { font-family:var(--font-en); font-size:1.9rem; font-weight:800; color:var(--amber); }
.lp-stat-lbl { font-size:.78rem; color:var(--muted); }
.lp-stat-div { width:1px; height:36px; background:var(--border); }

/* ── SECTIONS ── */
.lp-section { padding:5rem 2rem; }
.lp-section.bg-alt { background:var(--bg3); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.lp-section.bg-white { background:var(--bg2); }
.lp-container { max-width:1000px; margin:0 auto; }
.lp-container.narrow { max-width:760px; }
.lp-eyebrow {
  font-family:var(--font-en); font-size:.72rem; letter-spacing:3px;
  text-transform:uppercase; color:var(--amber); margin-bottom:.6rem;
}
.lp-section-title {
  font-family:var(--font-en); font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:800; letter-spacing:-1px; color:var(--text); margin-bottom:2.5rem;
}
.lp-section-sub { color:var(--text3); font-size:.95rem; margin-top:-1.5rem; margin-bottom:2.5rem; line-height:1.8; }

/* ── SERVICE CARDS ── */
.lp-svc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
.lp-svc-card {
  background:var(--bg2); border:1px solid var(--border);
  border-radius:var(--radius-lg); padding:2rem;
  transition:var(--transition); display:flex; flex-direction:column; gap:.8rem;
  box-shadow:var(--shadow-sm);
}
.lp-svc-card:hover { border-color:var(--amber-bd); transform:translateY(-4px); box-shadow:var(--shadow); }
.lp-svc-icon {
  width:52px; height:52px; border-radius:12px;
  background:var(--amber-lt); border:1px solid var(--amber-bd);
  display:flex; align-items:center; justify-content:center; font-size:1.4rem;
}
.lp-svc-card h3 { font-family:var(--font-en); font-size:1.1rem; font-weight:700; color:var(--text); }
.lp-svc-card p { font-size:.85rem; color:var(--text3); line-height:1.8; }
.lp-tags { display:flex; flex-wrap:wrap; gap:5px; }
.lp-tag { background:var(--bg3); border:1px solid var(--border); border-radius:4px; padding:2px 9px; font-size:.72rem; color:var(--text3); }
.lp-card-link { font-size:.83rem; color:var(--amber); margin-top:auto; transition:opacity .15s; }
.lp-card-link:hover { opacity:.7; }

/* ── STEPS ── */
.lp-steps { display:flex; align-items:flex-start; gap:1rem; flex-wrap:wrap; }
.lp-step {
  flex:1; min-width:180px; padding:1.5rem;
  background:var(--bg2); border:1px solid var(--border);
  border-radius:var(--radius-lg); box-shadow:var(--shadow-sm);
}
.lp-step-num { font-family:var(--font-en); font-size:2.5rem; font-weight:800; color:var(--amber-bd); line-height:1; margin-bottom:.7rem; }
.lp-step h4 { font-family:var(--font-en); font-size:1rem; font-weight:700; margin-bottom:.4rem; color:var(--text); }
.lp-step p { font-size:.83rem; color:var(--text3); line-height:1.7; }
.lp-step-arrow { font-size:1.4rem; color:var(--amber); padding-top:2.2rem; flex-shrink:0; }

/* ── RFQ FORM ── */
.lp-rfq-form {
  background:var(--bg2); border:1px solid var(--border);
  border-radius:var(--radius-lg); padding:2.5rem; box-shadow:var(--shadow);
}
.lp-rfq-form .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.lp-rfq-form .form-full { grid-column:1/-1; }
.lp-upload {
  border:2px dashed var(--border2); border-radius:var(--radius);
  padding:2rem; text-align:center; cursor:pointer;
  background:var(--surface); transition:var(--transition);
}
.lp-upload:hover, .lp-upload.drag { border-color:var(--amber); background:var(--amber-lt); }
.lp-upload-icon { font-size:1.8rem; color:var(--muted); margin-bottom:.4rem; }
.lp-upload p { font-size:.85rem; color:var(--text2); }
.lp-upload span { font-size:.74rem; color:var(--amber); }
.lp-file-tags { margin-top:.7rem; display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center; }
.lp-file-tag { background:var(--green-lt); border:1px solid #bbf7d0; border-radius:4px; padding:3px 10px; font-size:.74rem; color:var(--green); }
.lp-form-footer { display:flex; align-items:center; justify-content:space-between; margin-top:1.4rem; flex-wrap:wrap; gap:1rem; }
.lp-form-note { font-size:.78rem; color:var(--muted); }
.lp-form-note strong { color:var(--green); }

/* ── FOOTER ── */
.lp-footer { background:var(--text); color:#e8eaf0; padding:3rem 2rem 1.5rem; }
.lp-footer-inner {
  max-width:1000px; margin:0 auto;
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2rem; margin-bottom:2rem;
}
.lp-footer-logo { font-family:var(--font-en); font-size:1.35rem; font-weight:800; display:block; margin-bottom:.7rem; color:#fff; }
.lp-footer-logo span { color:var(--amber); }
.lp-footer-brand p { font-size:.82rem; color:#8a91aa; line-height:1.8; }
.lp-footer-col { display:flex; flex-direction:column; gap:.55rem; }
.lp-footer-col h5 { font-size:.8rem; color:#fff; font-weight:500; margin-bottom:.3rem; }
.lp-footer-col a { font-size:.8rem; color:#8a91aa; transition:color .15s; }
.lp-footer-col a:hover { color:var(--amber); }
.lp-footer-bottom {
  max-width:1000px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center;
  border-top:1px solid #252a3a; padding-top:1.2rem;
  font-size:.77rem; color:#8a91aa; flex-wrap:wrap; gap:.5rem;
}
.lp-footer-legal { display:flex; gap:1.5rem; }
.lp-footer-legal a { color:#8a91aa; transition:color .15s; }
.lp-footer-legal a:hover { color:#fff; }

/* ── RESPONSIVE ── */
@media(max-width:768px) {
  .gnav-links, .gnav-right { display:none; }
  .gnav-hamburger { display:block; }
  .lp-stats { flex-direction:column; }
  .lp-stat-div { width:80%; height:1px; }
  .lp-steps { flex-direction:column; }
  .lp-step-arrow { display:none; }
  .lp-rfq-form .form-row { grid-template-columns:1fr; }
  .lp-footer-inner { grid-template-columns:1fr 1fr; }
}
@media(max-width:480px) {
  .lp-hero h1 { letter-spacing:-1px; }
  .lp-footer-inner { grid-template-columns:1fr; }
  .lp-rfq-form { padding:1.5rem; }
}