.pt0{ padding-top:0; }

.nav-links a.active{ color:var(--text-main); position:relative; }
.nav-links a.active::after{
  content:""; position:absolute; left:0; right:0; bottom:-9px; height:2px;
  border-radius:2px; background:linear-gradient(90deg,var(--purple),var(--pink));
}
.dash-ico{ width:13px; height:13px; }

.prod-hero{ position:relative; padding:104px 0 34px; overflow:hidden; }
.prod-hero::before{
  content:""; position:absolute; right:-160px; top:-140px; width:820px; height:660px;
  background:radial-gradient(circle, rgba(255,45,28,.30), transparent 62%);
  pointer-events:none;
}
.phero-grid{
  position:relative; z-index:2;
  display:grid; grid-template-columns:.72fr 1fr; gap:30px; align-items:center;
}
.phero-copy h1{
  font-size:clamp(30px,3.2vw,44px); font-weight:700;
  letter-spacing:-.02em; margin:14px 0 16px;
}
.phero-copy .lead{ max-width:400px; font-size:13.5px; }

.phero-stats{ display:flex; flex-wrap:wrap; gap:30px; margin-top:26px; }
.pstat{ display:flex; flex-direction:column; gap:2px; }
.pstat-ico{
  width:34px; height:34px; border-radius:10px; margin-bottom:6px;
  background:rgba(255,45,28,.15); border:1px solid var(--glass-border);
  display:grid; place-items:center; color:var(--purple-light);
}
.pstat-ico svg{ width:18px; height:18px; }
.pstat strong{ font-family:var(--f-display); font-size:17px; font-weight:600; line-height:1.2; }
.pstat span{ font-size:11px; color:var(--muted-2); }

.devices{ position:relative; height:305px; }
.dev-glow{
  position:absolute; left:6%; top:4%; right:2%; bottom:6%;
  background:radial-gradient(circle at 45% 45%, rgba(255,45,28,.34), transparent 66%);
  filter:blur(6px);
}

.laptop{ position:absolute; left:0; top:6%; width:60%; }
.laptop-screen{
  border-radius:9px 9px 3px 3px; overflow:hidden;
  background:var(--glass-bg);
  border:1px solid var(--glass-border); border-bottom:none;
  backdrop-filter:blur(30px) saturate(130%); -webkit-backdrop-filter:blur(30px) saturate(130%);
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 20px 50px var(--glass-shadow);
}
.laptop-base{
  display:block; height:9px; margin:0 -8%;
  border-radius:0 0 8px 8px;
  background:var(--glass-bg-strong); border:1px solid var(--glass-border); border-top:none;
  box-shadow:0 12px 22px -10px var(--glass-shadow);
}
.ls-bar{
  display:flex; align-items:center; gap:7px;
  padding:6px 9px; border-bottom:1px solid var(--line-soft);
}
.ls-logo{
  width:15px; height:15px; border-radius:5px; flex:none;
  background:linear-gradient(145deg,var(--accent),var(--accent-strong)); color:#fff;
  display:grid; place-items:center;
}
.ls-logo svg{ width:10px; height:10px; }
.ls-bar b{ font-family:var(--f-display); font-size:9px; font-weight:600; }
.ls-dots{ margin-left:auto; display:flex; gap:4px; }
.ls-dots i{ width:5px; height:5px; border-radius:50%; background:var(--glass-bg-strong); }

.ls-body{ display:flex; min-height:150px; }
.ls-side{
  width:20%; padding:8px 6px; display:flex; flex-direction:column; gap:6px;
  border-right:1px solid var(--line-soft); background:var(--glass-bg);
}
.ls-side span{ height:6px; border-radius:3px; background:var(--glass-bg-strong); }
.ls-side span:first-child{ background:rgba(255,107,95,.4); }
.ls-main{ flex:1; padding:9px 10px; }
.ls-kpis{ display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:9px; }
.ls-kpi{
  padding:7px 8px; border-radius:7px;
  background:var(--glass-bg); border:1px solid var(--line);
}
.ls-kpi em{ display:block; font-style:normal; font-size:7px; color:var(--muted-2); }
.ls-kpi b{ font-family:var(--f-display); font-size:11px; font-weight:600; }
.ls-chart{
  padding:6px; border-radius:7px; line-height:0;
  background:var(--glass-bg); border:1px solid var(--line);
}
.ls-chart svg{ width:100%; height:66px; }

.phone{
  position:absolute; left:41%; top:22%; width:16.5%; z-index:3;
  border-radius:14px; padding:9px 6px 7px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(30px) saturate(130%); -webkit-backdrop-filter:blur(30px) saturate(130%);
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 20px 50px var(--glass-shadow);
}
.notch{
  position:absolute; left:50%; top:4px; transform:translateX(-50%);
  width:34%; height:4px; border-radius:3px; background:var(--glass-bg-strong);
}
.ph-top{ padding:2px 3px 6px; }
.ph-top b{ font-family:var(--f-display); font-size:8px; font-weight:600; }
.ph-list{ display:flex; flex-direction:column; gap:6px; }
.ph-row{ display:flex; align-items:center; gap:5px; }
.av{ width:13px; height:13px; border-radius:50%; flex:none; }
.a1{ background:linear-gradient(145deg,var(--accent),var(--accent-strong)); }
.a2{ background:linear-gradient(145deg,var(--accent),var(--accent-strong)); }
.a3{ background:linear-gradient(145deg,var(--accent-soft),var(--accent)); }
.a4{ background:linear-gradient(145deg,var(--accent),var(--accent-strong)); }
.a5{ background:linear-gradient(145deg,var(--accent),var(--accent-strong)); }
.ph-row i{ flex:1; height:5px; border-radius:3px; background:var(--glass-bg-strong); }
.ph-bar{
  display:flex; align-items:center; justify-content:space-around;
  margin-top:8px; padding-top:6px; border-top:1px solid var(--line-soft);
}
.ph-bar span{ width:7px; height:7px; border-radius:50%; background:var(--glass-bg-strong); }
.ph-bar .rec{ background:var(--accent-strong); box-shadow:0 0 8px rgba(255,45,28,.7); }

.tablet{
  position:absolute; right:0; top:26%; width:36%;
  border-radius:10px; padding:8px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(30px) saturate(130%); -webkit-backdrop-filter:blur(30px) saturate(130%);
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 20px 50px var(--glass-shadow);
}
.tb-bar{ display:flex; gap:4px; margin-bottom:7px; }
.tb-bar i{ width:5px; height:5px; border-radius:50%; background:var(--glass-bg-strong); }
.tb-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.tile{ height:38px; border-radius:6px; background:var(--glass-bg-strong); }
.t1{ background:linear-gradient(150deg,rgba(255,45,28,.45),transparent 85%); }
.t3{ background:linear-gradient(150deg,rgba(255,45,28,.36),transparent 85%); }
.t5{ background:linear-gradient(150deg,rgba(255,170,160,.34),transparent 85%); }

.filter-wrap{ padding:8px 0 24px; }
.filter-bar{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.chips{ display:flex; flex-wrap:wrap; gap:9px; }
.chip{
  padding:8px 17px; border-radius:9px; cursor:pointer;
  background:var(--glass-bg); border:1px solid var(--line);
  font-family:var(--f-display); font-size:12.5px; color:var(--text-body);
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.chip:hover{ border-color:rgba(255,255,255,.21); color:var(--text-main); }
.chip.on{
  background:linear-gradient(95deg,var(--purple),var(--purple-2));
  border-color:transparent; color:#fff;
  box-shadow: 0 8px 20px -9px rgba(0, 0, 0, 0.40);
}

.search{ position:relative; min-width:250px; }
.search input{
  width:100%; padding:9px 38px 9px 14px; border-radius:10px;
  background:var(--glass-bg); border:1px solid var(--line);
  font-size:12.5px; color:var(--text-main); outline:none;
  transition:border-color .2s ease;
}
.search input::placeholder{ color:#909099; }
.search input:focus{ border-color:var(--glass-border); }
.search-ico{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:15px; height:15px; color:var(--muted-2); pointer-events:none;
}
.search-ico svg{ width:15px; height:15px; }

.pgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.pcard{
  display:flex; flex-direction:column;
  padding:19px 18px 18px; border-radius:var(--radius);
  background:var(--glass-bg); border:1px solid var(--line);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.pcard:hover{
  transform:translateY(-5px); border-color:rgba(255,255,255,.21);
  box-shadow: 0 22px 44px -26px rgba(0, 0, 0, 0.40);
}
.pcard[hidden]{ display:none; }

.pcard header{ display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.ptitle{ flex:1; min-width:0; }
.ptitle h3{ font-size:17px; font-weight:600; line-height:1.25; }
.ptitle p{ font-size:11.5px; color:var(--muted-2); }

.badge{
  padding:4px 10px; border-radius:7px; flex:none;
  font-family:var(--f-display); font-size:10.5px; font-weight:500;
}
.b-live, .b-dev, .b-soon, .b-exp { border:1px solid transparent; }

.pdesc{ color:var(--muted); font-size:12.5px; line-height:1.68; margin-bottom:14px; }
.feats{ margin-bottom:18px; }
.feats li{
  position:relative; padding-left:16px;
  color:var(--text-body); font-size:11.5px; line-height:2;
}
.feats li::before{
  content:""; position:absolute; left:1px; top:8px;
  width:6px; height:6px; background:var(--purple-light);
  transform:rotate(45deg); border-radius:1px;
}
.pactions{ display:flex; gap:9px; margin-top:auto; }
.pactions .btn{ flex:1; justify-content:center; }

.no-hits{
  padding:34px 0; text-align:center;
  color:var(--muted-2); font-size:13px;
}

.why-head{ text-align:center; margin-bottom:28px; }
.why-head .eyebrow{ margin-bottom:9px; }
.why-head h2{ font-size:clamp(22px,2.2vw,28px); font-weight:600; }

.why6{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.why6 article{ text-align:center; padding:0 4px; }
.w6-ico{
  width:44px; height:44px; margin:0 auto 12px; border-radius:13px;
  background:rgba(255,45,28,.14); border:1px solid var(--glass-border);
  display:grid; place-items:center; color:var(--purple-light);
  transition:transform .25s ease, background .25s ease;
}
.w6-ico svg{ width:22px; height:22px; }
.why6 article:hover .w6-ico{ transform:translateY(-4px); background:rgba(255,255,255,.055); }
.why6 h4{ font-size:12.5px; font-weight:600; margin-bottom:5px; }
.why6 p{ color:var(--muted-2); font-size:11px; line-height:1.6; }

.table-wrap{
  margin-top:14px; border-radius:var(--radius);
  overflow-x:auto; overflow-y:hidden; max-width:100%;
  background:var(--glass-bg); border:1px solid var(--line);
  -webkit-overflow-scrolling:touch;
}
.ptable{ width:100%; border-collapse:collapse; }
.ptable th,
.ptable td{ padding:12px 18px; text-align:left; font-size:12px; }
.ptable th{
  font-family:var(--f-display); font-weight:600; font-size:11.5px;
  color:var(--text-body); background:var(--glass-bg);
  border-bottom:1px solid var(--line);
}
.ptable tbody tr{ border-bottom:1px solid var(--line-soft); }
.ptable tbody tr:last-child{ border-bottom:none; }
.ptable tbody tr:hover{ background:rgba(255,255,255,.055); }
.ptable td{ color:var(--muted); }
.ptable td:first-child{ color:var(--text-main); font-weight:500; }

.s{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px;
    background:none; border:none; padding:0; }
.s::before{ content:""; width:7px; height:7px; border-radius:50%; }
.s-live::before{ background:var(--accent); box-shadow:0 0 7px rgba(255,45,28,.8); }
.s-dev::before { background:var(--accent-soft); }
.s-soon::before{ background:var(--text-muted); }
.s-exp::before { background:transparent; border:1px solid var(--text-muted); }

.plat{ display:flex; gap:9px; }
.plat span{
  width:19px; height:19px; border-radius:5px;
  display:grid; place-items:center;
  background:var(--glass-bg-strong); border:1px solid var(--line-soft);
  font-family:var(--f-display); font-size:9.5px; color:var(--text-body);
}

.pcta{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between;
  gap:30px; flex-wrap:wrap;
  padding:30px 34px; border-radius:var(--radius-lg);
  background:linear-gradient(105deg,rgba(255,45,28,.16) 0%,transparent 55%), var(--glass-bg-strong);
  border:1px solid var(--glass-border);
}
.pcta-copy{ position:relative; z-index:2; max-width:430px; }
.pcta-copy .eyebrow{ color:var(--text-body); margin-bottom:8px; }
.pcta-copy h2{ font-size:clamp(22px,2.3vw,29px); font-weight:600; margin-bottom:9px; }
.pcta-copy p{ font-size:12.5px; color:var(--text-body); line-height:1.7; }
.pcta-actions{ position:relative; z-index:2; display:flex; gap:12px; flex-wrap:wrap; }
.pcta-swirl{ position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:420px; pointer-events:none; }

@media (max-width:1080px){
  .phero-grid{ grid-template-columns:1fr; gap:30px; }
  .devices{ height:270px; }
  .pgrid{ grid-template-columns:repeat(2,1fr); }
  .why6{ grid-template-columns:repeat(3,1fr); row-gap:26px; }
  .foot-grid.six{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pcta-swirl{ right:-140px; opacity:.5; }
}

@media (max-width:820px){
  .prod-hero{ padding-top:92px; }
  .phero-stats{ gap:20px; }
  .filter-bar{ align-items:stretch; }
  .search{ width:100%; }
  .ptable{ min-width:720px; }
}

@media (max-width:640px){
  .pgrid{ grid-template-columns:1fr; }
  .why6{ grid-template-columns:repeat(2,1fr); }
  .foot-grid.six{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .foot-col{ min-width:0; }
  .subscribe{ max-width:100%; }
  .devices{ height:210px; }
  .pcta{ padding:24px 22px; }
  .pcta-actions .btn{ flex:1; justify-content:center; }
}