/* ═══════════════════════════════════════════════════════════════════════
   LasPilot — Light Minimal Theme
   Beyaz · Açık gri · Turuncu (#E8750A)
   ═══════════════════════════════════════════════════════════════════════ */

/* ─── Tokens ──────────────────────────────────────────────────────────── */
:root {
  --bg:      #09090b;
  --bg2:     #111113;
  --s1:      #0f0f11;
  --s2:      #18181b;
  --s3:      #27272a;
  --bd:      rgba(255,255,255,0.07);
  --bd2:     rgba(255,255,255,0.11);
  --accent:  #E8750A;
  --accent2: #F59E0B;
  --adim:    rgba(232,117,10,0.1);
  --aglow:   rgba(232,117,10,0.22);
  --green:   #16A34A;
  --gdim:    rgba(22,163,74,0.1);
  --red:     #DC2626;
  --rdim:    rgba(220,38,38,0.1);
  --t1:      #f4f4f5;
  --t2:      rgba(255,255,255,0.48);
  --t3:      rgba(255,255,255,0.28);
  --ease:    cubic-bezier(0.16,1,0.3,1);
  --eout:    cubic-bezier(0.33,1,0.68,1);
  --r:       8px;
  --rl:      14px;
  --rxl:     20px;
  --mw:      1160px;
  --fd:      'Space Grotesk', sans-serif;
  --fb:      'Inter', sans-serif;
  --shadow:  0 1px 3px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.25);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5), 0 12px 40px rgba(0,0,0,0.35);
}

/* ─── Reset ──────────────────────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg);
  color:var(--t1);
  font-family:var(--fb);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* Subtle grain overlay — sirnik.co style */
body::after {
  content:'';
  position:fixed; inset:0; z-index:9998; pointer-events:none;
  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='1'/%3E%3C/svg%3E");
  background-size:200px 200px;
  opacity:.018;
  mix-blend-mode:overlay;
}
a { color:inherit; text-decoration:none; }
button { cursor:pointer; font-family:var(--fb); border:none; background:none; outline:none; }
img { max-width:100%; display:block; }
ul { list-style:none; }

/* ─── Layout ─────────────────────────────────────────────────────────── */
.c   { width:100%; max-width:var(--mw); margin:0 auto; padding:0 28px; }
.sp  { padding:112px 0; }

/* ─── Section header ─────────────────────────────────────────────────── */
.sh    { text-align:center; margin-bottom:64px; }
.slabel {
  display:inline-block;
  font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--accent); margin-bottom:10px;
}
.stitle {
  font-family:var(--fd); font-size:clamp(1.9rem,3.5vw,2.8rem); font-weight:700;
  letter-spacing:-.025em; line-height:1.12; color:var(--t1); margin-bottom:14px;
}
.ssub { color:var(--t2); font-size:1rem; max-width:480px; margin:0 auto; line-height:1.7; }

/* ─── Reveal ─────────────────────────────────────────────────────────── */
.reveal { opacity:0; transform:translateY(24px); transition:opacity .65s var(--eout), transform .65s var(--eout); }
.reveal.in { opacity:1; transform:none; }
.d1 { transition-delay:.1s; }
.d2 { transition-delay:.2s; }
.d3 { transition-delay:.3s; }
@media (prefers-reduced-motion:reduce) { .reveal { opacity:1; transform:none; transition:none; } }

/* ═══════════════════════════════════════════════════════════════════════
   NAV
   ═══════════════════════════════════════════════════════════════════════ */
#nav {
  position:fixed; top:0; left:0; right:0; z-index:500;
  padding:16px 0;
  transition:background .35s, backdrop-filter .35s, box-shadow .35s, padding .3s;
}
#nav.scrolled {
  padding:10px 0;
  background:rgba(9,9,11,0.88);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  box-shadow:0 1px 0 rgba(255,255,255,0.06), 0 4px 24px rgba(0,0,0,0.5);
}
.nav-wrap {
  max-width:var(--mw); margin:0 auto; padding:0 28px;
  display:flex; align-items:center; gap:24px;
}
.logo { display:flex; align-items:center; gap:9px; }
.logo-mark {
  width:32px; height:32px; border-radius:8px;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.logo span { font-family:var(--fd); font-size:1.1rem; font-weight:800; color:var(--t1); letter-spacing:-.02em; }
.nav-center { display:flex; align-items:center; gap:30px; margin-left:auto; }
.nav-center a { font-size:.875rem; font-weight:500; color:var(--t2); transition:color .2s; }
.nav-center a:hover { color:var(--t1); }
.nav-right { display:flex; align-items:center; gap:8px; margin-left:28px; }
.nbtn-ghost {
  padding:8px 18px; border-radius:50px;
  font-size:.83rem; font-weight:500; color:var(--t2);
  border:1px solid var(--bd2); transition:all .2s;
}
.nbtn-ghost:hover { color:var(--t1); border-color:var(--bd); background:var(--bg2); }
.nbtn-solid {
  padding:8px 18px; border-radius:50px;
  font-size:.83rem; font-weight:700; color:#fff;
  background:var(--accent); transition:all .25s var(--ease);
}
.nbtn-solid:hover { transform:translateY(-1px); box-shadow:0 4px 16px rgba(232,117,10,0.3); }

/* Burger */
.burger { display:none; flex-direction:column; gap:5px; padding:8px; margin-left:auto; }
.burger span { display:block; width:22px; height:2px; background:var(--t1); border-radius:2px; transition:all .3s var(--ease); transform-origin:center; }
.burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.burger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.mob-overlay { display:none; position:fixed; inset:0; z-index:400; background:rgba(0,0,0,0.5); backdrop-filter:blur(8px); }
.mob-overlay.open { display:flex; align-items:flex-start; justify-content:flex-end; }
.mob-nav { width:min(300px,85vw); height:100%; background:var(--bg2); border-left:1px solid rgba(255,255,255,0.08); padding:88px 28px 40px; display:flex; flex-direction:column; gap:6px; }
.mob-a { font-size:1.2rem; font-weight:600; color:var(--t1); padding:10px 0; border-bottom:1px solid var(--bd); transition:color .15s; }
.mob-a:hover { color:var(--accent); }
.mob-cta-ghost, .mob-cta-solid { display:block; width:100%; text-align:center; padding:13px; border-radius:50px; font-weight:700; }
.mob-cta-ghost { border:1px solid var(--bd2); color:var(--t1); margin-top:20px; }
.mob-cta-solid { background:var(--accent); color:#fff; margin-top:8px; }

/* ═══════════════════════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════════════════════ */
#hero { height:100vh; }
.hero-sticky { position:relative; top:0; height:100vh; overflow:hidden; display:flex; flex-direction:column; background:#07070E; }

#heroVideo {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; pointer-events:none; z-index:0;
}
.hero-video-overlay {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 55%, rgba(0,0,0,0.1) 100%);
}

.spotlight {
  position:fixed; top:0; left:0; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(232,117,10,0.06) 0%, transparent 65%);
  pointer-events:none; z-index:1; will-change:left,top;
}

.hero-body {
  position:relative; z-index:2; flex:1;
  display:flex; align-items:center;
  padding-top:80px;
  padding-left:max(28px, calc((100vw - var(--mw)) / 2 + 28px));
  padding-right:max(28px, calc((100vw - var(--mw)) / 2 + 28px));
}
.hero-text { max-width:660px; position:relative; z-index:3; }

.hero-pill {
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:50px;
  background:var(--adim); border:1px solid rgba(232,117,10,0.18);
  font-size:.76rem; font-weight:600; color:var(--accent);
  margin-bottom:26px; transition:all .2s;
}
.hero-pill:hover { background:rgba(232,117,10,0.12); }
.pill-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); animation:pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(232,117,10,0.4)} 50%{opacity:.7;box-shadow:0 0 0 4px rgba(232,117,10,0)} }

.hero-h1 {
  font-family:var(--fd); font-size:clamp(3rem,6vw,5.2rem); font-weight:700;
  letter-spacing:-.04em; line-height:1.06; color:#fff; margin-bottom:22px;
}
.hero-gradient {
  font-style:normal;
  background:linear-gradient(120deg, var(--accent) 0%, var(--accent2) 50%, #F97316 100%);
  background-size:200% auto;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  animation:shimmer 5s linear infinite;
}
@keyframes shimmer { from{background-position:0% center} to{background-position:-200% center} }

.hero-p { font-size:1.05rem; color:rgba(255,255,255,0.6); line-height:1.75; max-width:480px; margin-bottom:34px; }

.hero-btns { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:30px; }
.hbtn-primary {
  display:inline-flex; align-items:center; gap:7px;
  padding:13px 28px; border-radius:50px; font-size:.9rem; font-weight:700; color:#fff;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow:0 4px 20px rgba(232,117,10,0.3); transition:all .3s var(--ease);
}
.hbtn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(232,117,10,0.42); }
.hbtn-ghost {
  display:inline-flex; align-items:center; gap:7px;
  padding:13px 24px; border-radius:50px; font-size:.9rem; font-weight:600; color:rgba(255,255,255,0.75);
  border:1px solid rgba(255,255,255,0.18); transition:all .25s;
}
.hbtn-ghost:hover { color:#fff; background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.3); }

.hero-trust { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.trust-item { display:flex; align-items:center; gap:5px; font-size:.78rem; font-weight:500; color:rgba(255,255,255,0.42); }
.trust-sep { width:1px; height:12px; background:rgba(255,255,255,0.14); }

/* ─── Nav dark-hero state (transparent nav over dark scene) ──────────── */
#nav:not(.scrolled) .nav-center a { color:rgba(255,255,255,0.72); }
#nav:not(.scrolled) .nav-center a:hover { color:#fff; }
#nav:not(.scrolled) .logo span { color:#fff; }
#nav:not(.scrolled) .nbtn-ghost { color:rgba(255,255,255,0.75); border-color:rgba(255,255,255,0.22); }
#nav:not(.scrolled) .nbtn-ghost:hover { background:rgba(255,255,255,0.08); }
#nav:not(.scrolled) .nbtn-solid { background:rgba(255,255,255,0.95); color:#111; }
#nav:not(.scrolled) .burger span { background:#fff; }

/* Scroll cue */
.scroll-cue { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:6px; color:rgba(255,255,255,0.38); font-size:.66rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; z-index:5; transition:opacity .5s; }
.sc-mouse { width:24px; height:40px; border-radius:12px; border:2px solid rgba(255,255,255,0.22); display:flex; align-items:flex-start; justify-content:center; padding-top:5px; }
.sc-dot { width:3px; height:9px; border-radius:2px; background:var(--accent); animation:scDot 2.2s ease-in-out infinite; }
@keyframes scDot { 0%,100%{transform:translateY(0);opacity:1} 60%{transform:translateY(13px);opacity:.2} }


/* ═══════════════════════════════════════════════════════════════════════
   STATS
   ═══════════════════════════════════════════════════════════════════════ */
#stats { background:var(--bg2); border-top:1px solid var(--bd); border-bottom:1px solid var(--bd); }
.stats-row { display:flex; align-items:stretch; flex-wrap:wrap; }
.stat { flex:1; min-width:150px; text-align:center; padding:36px 24px; transition:background .2s; }
.stat:hover { background:var(--s3); }
.stat-bar { width:1px; background:var(--bd); margin:20px 0; }
.stat-n { font-family:var(--fd); font-size:2.6rem; font-weight:800; color:var(--accent); line-height:1; margin-bottom:6px; }
.stat-l { font-size:.78rem; color:var(--t3); font-weight:500; }

/* ═══════════════════════════════════════════════════════════════════════
   BENTO
   ═══════════════════════════════════════════════════════════════════════ */
#features { background:var(--bg2); }
.bento { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }

.bc { border-radius:var(--rl); overflow:hidden; transition:box-shadow .3s var(--ease), transform .3s var(--ease); }
.bc-inner { background:var(--bg2); border:1px solid var(--bd); border-radius:var(--rl); padding:26px; height:100%; }
.bc:hover .bc-inner { border-color:var(--bd2); box-shadow:var(--shadow-md); }
.bc:hover { transform:translateY(-3px); }

.bc-lg   { grid-column:span 4; grid-row:span 2; }
.bc-sm   { grid-column:span 2; }
.bc-md   { grid-column:span 3; }
.bc-full { grid-column:span 6; }

.bc-icon { width:36px; height:36px; border-radius:9px; background:var(--bg2); border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; color:var(--t2); margin-bottom:12px; transition:all .3s; }
.bc:hover .bc-icon { background:var(--adim); border-color:rgba(232,117,10,0.2); color:var(--accent); }

.bc-badge { display:inline-block; margin-bottom:10px; font-size:.61rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:3px 9px; border-radius:50px; }
.bc-badge.accent { color:var(--accent); background:var(--adim); border:1px solid rgba(232,117,10,0.15); }
.bc-badge.green  { color:var(--green); background:var(--gdim); border:1px solid rgba(22,163,74,0.15); }

.bc-h { font-family:var(--fd); font-size:1.05rem; font-weight:700; color:var(--t1); margin-bottom:6px; }
.bc-p { font-size:.875rem; color:var(--t2); line-height:1.65; }

/* ── QR demo v2 ────────────────────────────────────────────────────── */
.qr-demo-v2 {
  display:grid; grid-template-columns:auto 1fr;
  gap:24px; margin-top:24px; align-items:start;
}
.qr-step-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--t3); margin-bottom:10px; }

.qr-left { display:flex; flex-direction:column; align-items:center; }
.qr-arrow { margin-top:16px; display:flex; justify-content:center; }

.qr-frame {
  position:relative; width:130px; height:130px; flex-shrink:0;
  background:var(--bg2); border:1px solid var(--bd);
  border-radius:12px; display:flex; align-items:center; justify-content:center;
  overflow:hidden; color:var(--t2);
}
.qr-scan-line {
  position:absolute; left:8px; right:8px; height:2px; top:0;
  background:linear-gradient(90deg, transparent, var(--accent), transparent);
  box-shadow:0 0 8px rgba(232,117,10,0.5);
}
.qr-c { position:absolute; width:18px; height:18px; border:2.5px solid var(--accent); }
.qr-c.tl { top:7px;left:7px;   border-right:none; border-bottom:none; border-radius:4px 0 0 0; }
.qr-c.tr { top:7px;right:7px;  border-left:none;  border-bottom:none; border-radius:0 4px 0 0; }
.qr-c.bl { bottom:7px;left:7px; border-right:none; border-top:none;    border-radius:0 0 0 4px; }
.qr-c.br { bottom:7px;right:7px;border-left:none;  border-top:none;    border-radius:0 0 4px 0; }

.qr-right { display:flex; flex-direction:column; gap:16px; }
.qr-fields { display:flex; flex-direction:column; gap:0; border:1px solid var(--bd); border-radius:10px; overflow:hidden; }
.qr-field {
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 14px; border-bottom:1px solid var(--bd);
  transition:background .15s;
}
.qr-field:last-child { border-bottom:none; }
.qr-field.highlight { background:var(--adim); }
.qf-label { font-size:.78rem; color:var(--t3); font-weight:500; }
.qf-val { font-size:.85rem; font-weight:700; color:var(--t1); }
.qf-val.accent { color:var(--accent); }

.qr-add-row {
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; background:var(--bg2); border:1px solid var(--bd);
  border-radius:10px; flex-wrap:wrap;
}
.qr-qty-wrap, .qr-price-wrap { display:flex; flex-direction:column; gap:3px; }
.qr-qty, .qr-price {
  font-family:var(--fd); font-size:1rem; font-weight:800; color:var(--t1);
}
.qr-add-btn {
  margin-left:auto; display:inline-flex; align-items:center; gap:6px;
  padding:8px 16px; border-radius:8px;
  background:var(--accent); color:#fff; font-size:.8rem; font-weight:700;
  transition:all .2s;
}
.qr-add-btn:hover { background:var(--accent2); }

/* FIFO */
.fifo-bars { display:flex; flex-direction:column; gap:7px; margin-top:18px; }
.fbar { height:28px; border-radius:6px; width:var(--w); background:linear-gradient(90deg, var(--accent), var(--accent2)); display:flex; align-items:center; padding:0 10px; }
.fbar span { font-size:.67rem; font-weight:700; color:#fff; }

/* ABC */
.abc-rows { display:flex; flex-direction:column; gap:8px; margin-top:18px; }
.abc-r { display:flex; align-items:center; gap:7px; }
.abctag { width:20px; height:20px; border-radius:5px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:.62rem; font-weight:800; }
.abctag.a { background:var(--adim); color:var(--accent); }
.abctag.b { background:rgba(245,158,11,0.08); color:var(--accent2); }
.abctag.c { background:var(--s2); color:var(--t3); }
.abcbar-w { flex:1; height:5px; background:var(--bd); border-radius:3px; overflow:hidden; }
.abcbar { height:100%; background:linear-gradient(90deg, var(--accent), var(--accent2)); border-radius:3px; }
.abc-r b { font-size:.7rem; color:var(--t2); width:28px; text-align:right; font-weight:700; }

/* Plate chips */
.plate-chips { display:flex; flex-direction:column; gap:7px; margin-top:18px; }
.plate-chip { display:flex; align-items:center; gap:9px; padding:8px 11px; border-radius:8px; background:var(--bg2); border:1px solid var(--bd); font-size:.77rem; color:var(--t2); }
.plate-badge { background:rgba(255,255,255,0.08); color:var(--t1); border:1px solid rgba(255,255,255,0.1); padding:3px 8px; border-radius:4px; font-family:var(--fd); font-size:.68rem; font-weight:800; letter-spacing:.06em; flex-shrink:0; }

/* Hotel rack */
.hotel-rack { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:18px; }
.hslot { height:32px; border-radius:6px; background:var(--bg2); border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; font-size:.61rem; font-weight:700; color:var(--t3); transition:all .2s; }
.hslot.occ { background:var(--adim); border-color:rgba(232,117,10,0.2); color:var(--accent); }

/* Chart */
.bc-full-inner { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center; }
.bc-full-text { max-width:380px; }
.mini-chart { display:flex; align-items:flex-end; gap:7px; height:80px; }
.mcbar { flex:1; display:flex; align-items:flex-end; }
.mcbar::after { content:''; display:block; width:100%; height:var(--h); border-radius:4px 4px 0 0; background:var(--bd); transition:height .6s var(--ease); }
.mcbar.active::after { background:linear-gradient(180deg, var(--accent2), var(--accent)); box-shadow:0 2px 12px rgba(232,117,10,0.25); }

/* ═══════════════════════════════════════════════════════════════════════
   HOW IT WORKS
   ═══════════════════════════════════════════════════════════════════════ */
.hiw-section { background:var(--bg); }
.hiw-row { display:flex; align-items:center; justify-content:center; gap:0; }
.hiw-card { flex:1; max-width:280px; text-align:center; padding:0 28px; }
.hiw-arrow { font-size:1.5rem; color:var(--accent); flex-shrink:0; padding-bottom:20px; opacity:.5; }
.hiw-num { font-family:var(--fd); font-size:.66rem; font-weight:800; letter-spacing:.14em; color:var(--accent); margin-bottom:16px; }
.hiw-ico { width:64px; height:64px; border-radius:18px; margin:0 auto 18px; background:var(--bg2); border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; color:var(--accent); box-shadow:var(--shadow); transition:all .3s var(--ease); }
.hiw-card:hover .hiw-ico { background:var(--adim); border-color:rgba(232,117,10,0.2); transform:translateY(-3px); box-shadow:0 6px 24px rgba(232,117,10,0.12); }
.hiw-card h3 { font-family:var(--fd); font-size:1rem; font-weight:700; margin-bottom:7px; }
.hiw-card p  { font-size:.875rem; color:var(--t2); line-height:1.65; }

/* ═══════════════════════════════════════════════════════════════════════
   COMPARISON
   ═══════════════════════════════════════════════════════════════════════ */
#comparison { background:var(--bg2); }
.cmp-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cmp-card { background:var(--bg2); border:1px solid var(--bd); border-radius:var(--rxl); padding:32px 28px; transition:box-shadow .3s; }
.cmp-card.winner { border-color:rgba(232,117,10,0.25); box-shadow:0 0 0 1px rgba(232,117,10,0.07), var(--shadow-md); }
.cmp-card.winner:hover { box-shadow:0 0 0 1px rgba(232,117,10,0.12), 0 8px 40px rgba(0,0,0,0.08); }
.cmp-card.loser { opacity:.7; }
.cmp-head { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.cmp-emoji { font-size:1.4rem; }
.cmp-head strong { font-family:var(--fd); font-size:1rem; font-weight:700; display:block; }
.cmp-head span { font-size:.75rem; color:var(--t3); }
.cmp-rec { margin-left:auto; padding:4px 11px; border-radius:50px; background:var(--accent); color:#fff; font-size:.6rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.cmp-list { display:flex; flex-direction:column; gap:10px; }
.cmp-list li { display:flex; align-items:flex-start; gap:9px; font-size:.875rem; color:var(--t2); }
.cmark { flex-shrink:0; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.6rem; font-weight:800; margin-top:1px; }
.cmark.yes { background:var(--gdim); color:var(--green); }
.cmark.no  { background:var(--rdim); color:var(--red); }

/* ═══════════════════════════════════════════════════════════════════════
   PRICING
   ═══════════════════════════════════════════════════════════════════════ */
#pricing { background:var(--bg); }
.ptoggle { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:48px; }
.pt-lbl { font-size:.88rem; color:var(--t3); font-weight:500; transition:color .2s; }
.pt-lbl.active { color:var(--t1); font-weight:600; }
.pt-sw { width:44px; height:24px; border-radius:50px; background:var(--bd2); border:1px solid var(--bd2); position:relative; cursor:pointer; transition:background .25s; }
.pt-sw.on { background:var(--accent); border-color:var(--accent); }
.pt-k { position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.2); transition:left .25s var(--ease); }
.pt-sw.on .pt-k { left:23px; }
.pt-save { display:inline-flex; align-items:center; background:var(--gdim); color:var(--green); border:1px solid rgba(22,163,74,0.18); font-size:.68rem; font-weight:800; padding:3px 10px; border-radius:50px; }

.pricing-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; align-items:start; }
.pc { background:var(--bg); border:1px solid var(--bd); border-radius:var(--rxl); padding:28px 24px; display:flex; flex-direction:column; transition:all .3s var(--ease); }
.pc:hover { border-color:var(--bd2); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.pc.popular { background:#1e1e22; border-color:rgba(232,117,10,0.35); transform:scale(1.03); box-shadow:0 0 0 1px rgba(232,117,10,0.12), 0 8px 40px rgba(0,0,0,0.5); }
.pc.popular:hover { transform:scale(1.03) translateY(-3px); box-shadow:0 0 0 1px rgba(232,117,10,0.2), 0 14px 56px rgba(0,0,0,0.6); }
.pc-pop-badge { display:inline-block; background:var(--accent); color:#fff; font-size:.6rem; font-weight:800; padding:3px 10px; border-radius:50px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:12px; align-self:flex-start; }
.pc-name { font-family:var(--fd); font-size:1rem; font-weight:700; margin-bottom:4px; }
.pc.popular .pc-name { color:var(--t1); }
.pc-desc { font-size:.78rem; color:var(--t3); margin-bottom:20px; }
.pc.popular .pc-desc { color:var(--t2); }
.pc-price { margin-bottom:22px; }
.pc-amt { font-family:var(--fd); font-size:2.6rem; font-weight:800; line-height:1; color:var(--t1); }
.pc.popular .pc-amt { color:var(--t1); }
.pc-cur { font-size:1.2rem; vertical-align:top; margin-top:5px; display:inline-block; }
.pc-per { font-size:.73rem; color:var(--t3); margin-top:4px; }
.pc.popular .pc-per { color:var(--t3); }
.pc-orig { font-size:.76rem; color:var(--t3); text-decoration:line-through; }
.pc-feats { display:flex; flex-direction:column; gap:9px; margin-bottom:22px; flex:1; }
.pc-feats li { display:flex; align-items:center; gap:7px; font-size:.83rem; color:var(--t2); }
.pc.popular .pc-feats li { color:var(--t2); }
.pc-feats li.y span { color:var(--green); font-weight:700; }
.pc.popular .pc-feats li.y span { color:#6EE7B7; }
.pc-feats li.n { opacity:.4; }
.pc-feats li.n span { color:var(--t3); }
.pc-btn { width:100%; padding:12px; border-radius:50px; font-size:.88rem; font-weight:700; transition:all .25s var(--ease); }
.pc-btn.solid { background:var(--accent); color:#fff; }
.pc-btn.solid:hover { background:var(--accent2); transform:translateY(-1px); }
.pc-btn.outline { border:1.5px solid var(--bd2); color:var(--t1); background:transparent; }
.pc-btn.outline:hover { background:var(--bg2); transform:translateY(-1px); }
.pc.popular .pc-btn.outline { border-color:rgba(255,255,255,0.12); color:var(--t1); }
.pc.popular .pc-btn.outline:hover { background:rgba(255,255,255,0.05); }
.pc-note { text-align:center; margin-top:20px; font-size:.77rem; color:var(--t3); }

/* ═══════════════════════════════════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════════════════════════════════ */
#faq { background:var(--bg2); }
.faq-wrap { max-width:680px; margin:0 auto; border:1px solid var(--bd); border-radius:var(--rl); overflow:hidden; background:var(--bg2); }
.faq { border-bottom:1px solid var(--bd); }
.faq:last-child { border-bottom:none; }
.faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; text-align:left; font-size:.92rem; font-weight:600; color:var(--t1); background:var(--bg2); transition:background .2s; }
.faq-q:hover { background:var(--s2); }
.faq.open .faq-q { color:var(--accent); background:var(--s2); }
.faq-arr { flex-shrink:0; color:var(--t3); transition:transform .35s var(--ease); }
.faq.open .faq-arr { transform:rotate(180deg); color:var(--accent); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .45s var(--ease); background:var(--s2); }
.faq.open .faq-a { max-height:160px; }
.faq-a p { padding:12px 22px 18px; font-size:.875rem; color:var(--t2); line-height:1.72; }

/* ═══════════════════════════════════════════════════════════════════════
   CTA
   ═══════════════════════════════════════════════════════════════════════ */
#cta { padding:112px 0; background:var(--bg); }
.cta-card {
  position:relative; overflow:hidden; border-radius:var(--rxl);
  padding:80px 60px; text-align:center;
  background:#18181b; border:1px solid rgba(255,255,255,0.07);
}
.cta-glow {
  position:absolute; top:-30%; left:50%; transform:translateX(-50%);
  width:600px; height:350px; pointer-events:none;
  background:radial-gradient(ellipse, rgba(232,117,10,0.15), transparent 65%);
}
.cta-grid-bg {
  position:absolute; inset:0; pointer-events:none; opacity:.15;
  background-image:linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size:40px 40px;
}
.cta-card .slabel { color:rgba(232,117,10,0.9); }
.cta-h { font-family:var(--fd); font-size:clamp(2.2rem,4vw,3.2rem); font-weight:700; letter-spacing:-.03em; line-height:1.1; color:#fff; margin-bottom:14px; position:relative; z-index:1; }
.cta-p { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:32px; position:relative; z-index:1; }
.cta-btns { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; position:relative; z-index:1; }
.cta-wa { display:inline-flex; align-items:center; gap:7px; padding:13px 24px; border-radius:50px; font-size:.9rem; font-weight:600; color:#fff; border:1px solid rgba(255,255,255,0.2); transition:all .25s; }
.cta-wa:hover { background:rgba(255,255,255,0.08); transform:translateY(-1px); }

/* ═══════════════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════════════ */
footer { background:var(--bg); border-top:1px solid var(--bd); padding:60px 0 36px; }
.ft-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:44px; }
.ft-brand p { font-size:.875rem; color:var(--t3); margin-top:12px; line-height:1.7; max-width:220px; }
.ft-socials { display:flex; gap:7px; margin-top:16px; }
.ft-socials a { width:32px; height:32px; border-radius:7px; background:var(--bg2); border:1px solid var(--bd); display:flex; align-items:center; justify-content:center; transition:all .2s; }
.ft-socials a:hover { border-color:var(--accent); background:var(--adim); }
.ft-socials svg { width:13px; height:13px; fill:var(--t3); }
.ft-socials a:hover svg { fill:var(--accent); }
.ft-ct { font-size:.67rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--t3); margin-bottom:14px; }
.ft-col { display:flex; flex-direction:column; gap:10px; }
.ft-col a { font-size:.875rem; color:var(--t2); transition:color .15s; }
.ft-col a:hover { color:var(--accent); }
.ft-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:22px; border-top:1px solid var(--bd); flex-wrap:wrap; gap:10px; }
.ft-bottom span { font-size:.77rem; color:var(--t3); }
.ft-badges { display:flex; gap:8px; }
.ft-badges span { font-size:.68rem; color:var(--t3); background:var(--bg2); border:1px solid var(--bd); padding:3px 9px; border-radius:5px; }

/* ═══════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:1080px) {
  .bc-lg { grid-column:span 6; }
  .bc-sm { grid-column:span 3; }
  .bc-full-inner { grid-template-columns:1fr; }
  .mini-chart { display:none; }
  .qr-demo-v2 { grid-template-columns:1fr; }
  .qr-arrow { transform:rotate(90deg); }
}
@media (max-width:900px) {
  .nav-center,.nav-right { display:none; }
  .burger { display:flex; }
  #hero { height:100vh; }
  .hero-body { padding-top:90px; justify-content:center; text-align:center; }
  .hero-text { max-width:100%; }
  .hero-btns { justify-content:center; }
  .hero-trust { justify-content:center; }
  .hero-p { margin:0 auto 34px; }
  .hero-car-wrap { width:100vw; right:-15%; opacity:0.55; }
  .hero-scene-fog { width:100%; background:linear-gradient(to bottom, rgba(7,7,14,0.7) 0%, rgba(7,7,14,0.3) 60%, transparent 100%); }
  .bc-sm,.bc-md { grid-column:span 3; }
  .hiw-row { flex-direction:column; align-items:center; gap:8px; }
  .hiw-arrow { transform:rotate(90deg); padding:0; }
  .hiw-card { max-width:100%; padding:0; }
  .cmp-grid { grid-template-columns:1fr; }
  .pricing-row { grid-template-columns:1fr; }
  .pc.popular { transform:none; }
  .pc.popular:hover { transform:translateY(-3px); }
  .ft-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .cta-card { padding:52px 28px; }
}
@media (max-width:640px) {
  .c { padding:0 18px; }
  .sp { padding:80px 0; }
  .bc-sm,.bc-md,.bc-lg,.bc-full { grid-column:span 6; }
  .stats-row { flex-wrap:wrap; }
  .stat { flex:1 1 calc(50% - 1px); }
  .stat-bar:nth-child(4) { display:none; }
  .hero-h1 { font-size:clamp(2.5rem,10vw,3.4rem); }
  .hero-btns { flex-direction:column; }
  .hbtn-primary,.hbtn-ghost { width:100%; justify-content:center; }
  .ft-grid { grid-template-columns:1fr; }
}