.page-hero {
  position:relative; z-index:1;
  padding: 148px 48px 96px;
  overflow: hidden;
}
.page-hero::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 60% 70% at 75% 40%, rgba(245,166,35,.07) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 5% 90%, rgba(74,158,255,.04) 0%, transparent 60%);
}
.page-hero .hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--amber); border:1px solid var(--amber-dim);
  padding:6px 16px; margin-bottom:28px;
  animation: fadeUp .5s ease both;
}
.page-hero .hero-badge::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--amber); animation:blink 1.6s ease-in-out infinite; }

.page-hero h1 {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(54px,7.5vw,104px);
  line-height:.91; letter-spacing:.025em;
  color:var(--white); max-width:820px;
  animation: fadeUp .5s .08s ease both;
}
.page-hero h1 em { color:var(--amber); font-style:normal; }
.page-hero h1 .dim { color:var(--muted); }

.hero-body {
  font-size:18px; font-weight:300; color:var(--muted);
  max-width:560px; margin:28px 0 44px; line-height:1.8;
  animation: fadeUp .5s .16s ease both;
}
.hero-body strong { color:var(--text); font-weight:500; }

.hero-actions { display:flex; align-items:center; gap:16px; animation: fadeUp .5s .22s ease both; }

.sticky-tabs {
  position:sticky; top:64px; z-index:90;
  background: rgba(13,17,23,0.96); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  padding: 0 48px;
  display:flex; gap:0; overflow-x:auto; scrollbar-width:none;
}
.sticky-tabs::-webkit-scrollbar { display:none; }
.tab-btn {
  font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); background:none; border:none; cursor:pointer;
  padding:16px 22px; white-space:nowrap;
  border-bottom:2px solid transparent;
  transition:color .2s, border-color .2s;
}
.tab-btn:hover { color:var(--text); }
.tab-btn.active { color:var(--amber); border-bottom-color:var(--amber); }

.section { position:relative; z-index:1; padding:100px 48px; }
.section-alt { background:var(--deep); }
.section + .section { border-top:1px solid var(--border); }
.section-alt + .section, .section + .section-alt { border-top:1px solid var(--border); }

.products-page .section-heading { font-family:'Bebas Neue',sans-serif; font-size:clamp(38px,4.5vw,68px); line-height:.95; letter-spacing:.03em; color:var(--white); margin-bottom:20px; }
.products-page .section-intro { font-size:17px; font-weight:300; color:var(--muted); max-width:580px; line-height:1.8; text-align:left; }
.products-page .section-intro strong { color:var(--text); font-weight:500; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

#demo { scroll-margin-top: 130px; }

.plan-switcher {
  display:flex; gap:0;
  background:var(--surface);
  border:1px solid var(--border);
  width:fit-content;
  margin-bottom:48px;
}
.plan-btn {
  font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  padding:11px 24px; background:none; border:none; cursor:pointer;
  color:var(--muted); border-right:1px solid var(--border);
  transition:all .2s; position:relative;
}
.plan-btn:last-child { border-right:none; }
.plan-btn:hover { color:var(--text); }
.plan-btn.active { color:var(--black); background:var(--amber); }

.demo-stage {
  display:grid; grid-template-columns:1fr 1.3fr;
  gap:32px; align-items:start;
}

.demo-info { display:flex; flex-direction:column; gap:24px; }
.demo-plan-badge {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase;
}
.badge-dot { width:7px; height:7px; border-radius:50%; }
.demo-plan-name { font-family:'Bebas Neue',sans-serif; font-size:48px; line-height:1; color:var(--white); }
.demo-plan-desc { font-size:15px; font-weight:300; color:var(--muted); line-height:1.75; }
.demo-plan-desc strong { color:var(--text); font-weight:500; }

.feature-checklist { list-style:none; display:flex; flex-direction:column; gap:0; }
.check-item {
  display:flex; align-items:flex-start; gap:14px;
  padding:14px 0; border-bottom:1px solid var(--border);
  font-size:14px;
}
.check-item:first-child { border-top:1px solid var(--border); }
.check-icon { flex-shrink:0; margin-top:2px; width:18px; height:18px; border-radius:2px; display:flex; align-items:center; justify-content:center; font-size:10px; }
.check-icon.on  { background:var(--green-bg); color:var(--green); }
.check-icon.off { background:rgba(255,255,255,0.04); color:var(--muted); }
.check-icon.new { background:var(--amber-bg); color:var(--amber); }
.check-label { color:var(--text); line-height:1.5; }
.check-label .note { display:block; font-size:12px; color:var(--muted); font-weight:300; margin-top:2px; }
.check-tag {
  margin-left:auto; flex-shrink:0;
  font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.14em; text-transform:uppercase;
  padding:3px 8px; border:1px solid var(--border); color:var(--muted);
}
.check-tag.new-tag { border-color:var(--amber-dim); color:var(--amber); background:var(--amber-bg); }

.demo-ui {
  background:var(--surface);
  border:1px solid var(--border);
  overflow:hidden;
  position:relative;
}
.demo-ui-bar {
  background:var(--deep); border-bottom:1px solid var(--border);
  padding:10px 14px;
  display:flex; align-items:center; justify-content:space-between;
}
.demo-ui-title { font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
.demo-ui-status { display:flex; align-items:center; gap:6px; font-family:'DM Mono',monospace; font-size:9px; color:var(--green); }
.demo-ui-status::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--green); animation:blink 1.5s infinite; }
.demo-ui-body { padding:16px; }

.mock-kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.mock-kpi { background:var(--card); border:1px solid var(--border); padding:12px 14px; }
.mock-kpi-val { font-family:'Bebas Neue',sans-serif; font-size:26px; line-height:1; }
.mock-kpi-lbl { font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-top:4px; }

.mock-table { width:100%; border-collapse:collapse; font-size:12px; }
.mock-table th { font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); padding:6px 10px; text-align:left; border-bottom:1px solid var(--border); }
.mock-table td { padding:9px 10px; border-bottom:1px solid var(--border2); }
.mock-table tr:last-child td { border-bottom:none; }
.mock-table tr:hover td { background:rgba(255,255,255,.02); }

.tier-badge { display:inline-flex; align-items:center; justify-content:center; width:28px; height:18px; font-family:'DM Mono',monospace; font-size:9px; font-weight:500; letter-spacing:.05em; }
.tier-p0 { background:var(--red-bg); color:var(--red); }
.tier-p1 { background:var(--amber-bg); color:var(--amber); }
.tier-p2 { background:var(--blue-bg); color:var(--blue); }
.tier-p3 { background:rgba(255,255,255,.05); color:var(--muted); }

.risk-pill {
  display:inline-block; padding:3px 8px;
  font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.08em;
}
.risk-high { background:var(--red-bg); color:var(--red); }
.risk-med  { background:var(--amber-bg); color:var(--amber); }
.risk-low  { background:var(--green-bg); color:var(--green); }

.mock-bar-row { display:flex; align-items:center; gap:10px; margin-bottom:8px; font-size:11px; }
.mock-bar-lbl { width:80px; color:var(--muted); font-family:'DM Mono',monospace; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mock-bar-track { flex:1; height:6px; background:var(--border); overflow:hidden; }
.mock-bar-fill { height:100%; background:linear-gradient(90deg,var(--amber),var(--red)); transition:width .6s ease; }
.mock-bar-val { font-family:'DM Mono',monospace; font-size:10px; color:var(--text); width:44px; text-align:right; }

.mock-sim-row { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--border2); font-size:13px; }
.sim-slider { flex:1; margin:0 14px; height:4px; background:var(--border); appearance:none; -webkit-appearance:none; outline:none; border-radius:0; cursor:pointer; }
.sim-slider::-webkit-slider-thumb { -webkit-appearance:none; width:14px; height:14px; background:var(--amber); border:none; border-radius:0; cursor:pointer; }
.sim-val { font-family:'DM Mono',monospace; font-size:13px; color:var(--amber); width:60px; text-align:right; }

.mock-team-row { display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border2); font-size:12px; }
.mock-avatar { width:26px; height:26px; border-radius:2px; display:flex; align-items:center; justify-content:center; font-family:'DM Mono',monospace; font-size:10px; font-weight:500; flex-shrink:0; }
.mock-rep-name { color:var(--text); font-size:13px; }
.mock-rep-meta { font-family:'DM Mono',monospace; font-size:9px; color:var(--muted); }
.mock-rep-stat { margin-left:auto; font-family:'DM Mono',monospace; font-size:11px; }

.locked-overlay {
  position:absolute; inset:0;
  background:rgba(8,10,15,.75);
  backdrop-filter:blur(4px);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:12px;
  opacity:0; pointer-events:none; transition:opacity .3s;
}
.locked-overlay.show { opacity:1; pointer-events:auto; }
.locked-icon { font-size:28px; }
.locked-text { font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); text-align:center; line-height:1.8; }
.locked-cta {
  background:var(--amber); color:var(--black);
  font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  padding:8px 20px; text-decoration:none; margin-top:4px;
  transition:background .2s;
}
.locked-cta:hover { background:#ffbe4a; }

.feature-section {
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:start;
}
.feature-section.flip { direction:rtl; }
.feature-section.flip > * { direction:ltr; }

.feature-tag {
  display:inline-flex; align-items:center; gap:6px;
  font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.2em; text-transform:uppercase;
  padding:5px 12px; border:1px solid var(--border);
  color:var(--muted); margin-bottom:20px;
}
.feature-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(34px,4vw,58px); line-height:.95; color:var(--white); margin-bottom:18px; }
.feature-title em { color:var(--amber); font-style:normal; }
.feature-desc { font-size:15px; font-weight:300; color:var(--muted); line-height:1.8; margin-bottom:28px; }
.feature-desc strong { color:var(--text); font-weight:500; }

.feature-bullets { list-style:none; display:flex; flex-direction:column; gap:0; }
.feature-bullets li {
  display:flex; align-items:flex-start; gap:12px;
  padding:12px 0; border-bottom:1px solid var(--border);
  font-size:14px; color:var(--text);
}
.feature-bullets li:first-child { border-top:1px solid var(--border); }
.bullet-arrow { color:var(--amber); flex-shrink:0; margin-top:2px; font-size:12px; }
.bullet-text strong { display:block; font-size:14px; font-weight:500; color:var(--white); margin-bottom:2px; }
.bullet-text span { font-size:13px; color:var(--muted); font-weight:300; }

.feature-panel {
  background:var(--surface);
  border:1px solid var(--border);
  overflow:hidden;
  position:sticky; top:140px;
}
.panel-topbar {
  background:var(--deep); border-bottom:1px solid var(--border);
  padding:10px 16px;
  display:flex; align-items:center; justify-content:space-between;
}
.panel-topbar-title { font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.panel-topbar-live { display:flex; align-items:center; gap:5px; font-family:'DM Mono',monospace; font-size:9px; color:var(--green); }
.panel-topbar-live::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--green); animation:blink 1.5s infinite; }
.panel-body { padding:18px; }

.mock-chart { height:120px; display:flex; align-items:flex-end; gap:5px; margin-bottom:12px; }
.chart-bar {
  flex:1; background:var(--border); position:relative; overflow:hidden;
  transition:background .2s; cursor:default;
}
.chart-bar-fill { position:absolute; bottom:0; left:0; right:0; transition:height .8s cubic-bezier(.22,1,.36,1); }
.chart-bar:hover .chart-bar-fill { filter:brightness(1.2); }
.chart-xlabel { text-align:center; font-family:'DM Mono',monospace; font-size:8px; color:var(--muted); margin-top:6px; }

.sku-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:10px; }
.sku-block { padding:10px 12px; border:1px solid var(--border); }
.sku-name { font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:6px; }
.sku-val { font-family:'Bebas Neue',sans-serif; font-size:22px; color:var(--white); }
.sku-delta { font-family:'DM Mono',monospace; font-size:9px; }
.sku-delta.neg { color:var(--red); }
.sku-delta.pos { color:var(--green); }
.sku-delta.warn { color:var(--amber); }

.worklist-item { padding:14px; border:1px solid var(--border); margin-bottom:8px; position:relative; overflow:hidden; }
.worklist-item::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; }
.worklist-item.p0::before { background:var(--red); }
.worklist-item.p1::before { background:var(--amber); }
.wl-top { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.wl-name { font-size:13px; font-weight:500; color:var(--white); }
.wl-rev { margin-left:auto; font-family:'DM Mono',monospace; font-size:11px; color:var(--amber); }
.wl-action { font-size:12px; color:var(--muted); font-weight:300; }
.wl-action strong { color:var(--text); font-weight:400; }

.compare-wrap { overflow-x:auto; }
.compare-table { width:100%; border-collapse:collapse; min-width:640px; }
.compare-table th {
  padding:16px 20px; text-align:left;
  background:var(--deep); border-bottom:1px solid var(--border);
  font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:var(--muted);
}
.compare-table th:not(:first-child) { text-align:center; }
.compare-table th.highlight { color:var(--amber); }
.compare-table td { padding:14px 20px; border-bottom:1px solid var(--border2); font-size:14px; }
.compare-table td:not(:first-child) { text-align:center; }
.compare-table td.feature-name { color:var(--text); }
.compare-table td.feature-name .sub { display:block; font-size:12px; color:var(--muted); font-weight:300; margin-top:2px; }
.compare-table .section-row td { background:var(--surface); padding:10px 20px; }
.compare-table .section-row td:first-child { font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:var(--amber); }
.compare-table .highlight-col { background:rgba(245,166,35,.04); }
.check-yes { color:var(--green); font-size:16px; }
.check-no  { color:var(--muted); font-size:14px; }
.check-partial { color:var(--amber); font-size:12px; font-family:'DM Mono',monospace; }

.products-page .cta-section {
  text-align:center; padding:120px 48px;
  position:relative; overflow:hidden;
}
.products-page .cta-section::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 50%, rgba(245,166,35,.065) 0%, transparent 70%);
  pointer-events:none;
}
.products-page .cta-section .section-heading { position:relative; max-width:740px; margin:0 auto 18px; font-size:clamp(46px,7vw,88px); text-align:center; }
.products-page .cta-section .section-heading .red { color:var(--red); }
.cta-sub { font-size:17px; font-weight:300; color:var(--muted); max-width:460px; margin:0 auto 44px; line-height:1.75; position:relative; }
.cta-actions-center { position:relative; display:flex; align-items:center; justify-content:center; gap:20px; }
.cta-note-center { position:relative; margin-top:18px; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }

@media(max-width:1080px) {
  .demo-stage, .feature-section { grid-template-columns:1fr; gap:40px; }
  .feature-section.flip { direction:ltr; }
  .feature-panel { position:relative; top:0; }
}
@media(max-width:720px) {
  .page-hero, .section { padding-left:20px; padding-right:20px; }
  .sticky-tabs { padding:0 20px; }
  .mock-kpi-row { grid-template-columns:1fr 1fr; }
  .products-page .cta-section { padding:60px 20px; }
}