*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --pu:#7C6FFF;--pu-hi:#A89EFF;--pu-lo:#4A3FD4;--pu-d:rgba(124,111,255,0.10);--pu-b:rgba(124,111,255,0.22);
  --te:#4FD8EB;--te-d:rgba(79,216,235,0.09);--te-b:rgba(79,216,235,0.22);
  --gn:#34D399;--gn-d:rgba(52,211,153,0.09);--gn-b:rgba(52,211,153,0.22);
  --am:#FBBF24;--am-d:rgba(251,191,36,0.09);--am-b:rgba(251,191,36,0.22);
  --rd:#F87171;--rd-d:rgba(248,113,113,0.09);--rd-b:rgba(248,113,113,0.22);
  --bg:#060709;--s1:#0B0C10;--s2:#111318;--s3:#181B22;--s4:#1F232E;
  --bd:rgba(255,255,255,0.06);--bd2:rgba(255,255,255,0.12);--bd3:rgba(255,255,255,0.20);
  --tx:#E8EAF0;--tx2:rgba(232,234,240,0.65);--tx3:rgba(232,234,240,0.50);--tx4:rgba(232,234,240,0.35);
}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",system-ui,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--pu-d)}

.container{max-width:1100px;margin:0 auto;padding:0 32px}
section{padding:80px 0;position:relative}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;display:flex;align-items:center;padding:0 32px;background:rgba(6,7,9,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Syne",sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.04em}
.nav-mark{width:30px;height:30px;border-radius:8px;background:var(--pu);display:flex;align-items:center;justify-content:center}
.nav-mark svg{width:14px;height:14px}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:40px}
.nav-link{padding:6px 12px;font-size:13px;font-weight:500;color:var(--tx3);text-decoration:none;border-radius:6px;transition:all .15s}
.nav-link:hover{color:var(--tx);background:rgba(255,255,255,.04)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.nav-r a{font-size:13px;font-weight:600;text-decoration:none;padding:7px 16px;border-radius:6px;transition:all .15s}
.nav-ghost{color:var(--tx2);border:1px solid var(--bd2)}
.nav-ghost:hover{color:var(--tx);border-color:var(--bd3);background:rgba(255,255,255,.04)}
.nav-fill{color:#fff;background:var(--pu);border:1px solid var(--pu)}
.nav-fill:hover{background:var(--pu-hi);border-color:var(--pu-hi)}

/* HERO */
.hero{padding:140px 0 80px;position:relative}
.hero::before{content:"";position:absolute;top:-100px;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,111,255,0.08) 0%,transparent 65%);pointer-events:none}
.hero-inner{max-width:640px;position:relative;z-index:1}
.hero-context{font-size:13px;font-weight:600;color:var(--pu-hi);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.hero-context::before{content:"";width:24px;height:1px;background:var(--pu)}
.hero-h1{font-family:"Syne",sans-serif;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:20px}
.hero-sub{font-size:17px;color:var(--tx2);line-height:1.75;max-width:520px;margin-bottom:36px}
.hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:8px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .2s;border:none;font-family:inherit;width:auto;flex-shrink:0}
.btn-p{background:var(--pu);color:#fff}
.btn-p:hover{background:var(--pu-hi)}
.btn-s{background:transparent;color:var(--tx);border:1px solid var(--bd2)}
.btn-s:hover{border-color:var(--bd3);background:rgba(255,255,255,.03)}

/* TICKET QUEUE */
.queue{margin-top:56px;border:1px solid var(--bd);border-radius:12px;background:var(--s1);overflow:hidden}
.queue-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd);background:var(--s2)}
.queue-title{font-size:13px;font-weight:700;color:var(--tx2)}
.queue-live{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--gn)}
.queue-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gn);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.queue-list{padding:8px}
.queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;transition:background .15s}
.queue-item:hover{background:var(--s2)}
.queue-id{font-family:"Geist Mono",monospace;font-size:11px;font-weight:500;color:var(--pu-hi);width:60px;flex-shrink:0}
.queue-text{flex:1;font-size:13px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.queue-time{font-size:11px;color:var(--tx3)}
.queue-priority{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}
.p-critical{background:rgba(248,113,113,0.15);color:var(--rd)}
.p-high{background:rgba(251,191,36,0.15);color:var(--am)}
.p-medium{background:rgba(79,216,235,0.15);color:var(--te)}
.p-low{background:rgba(52,211,153,0.15);color:var(--gn)}

/* STATS BAR */
.stats-bar{display:flex;gap:0;margin-top:24px;border:1px solid var(--bd);border-radius:10px;background:var(--s1);overflow:hidden}
.stat{flex:1;padding:16px 18px;border-right:1px solid var(--bd)}
.stat:last-child{border-right:none}
.stat-val{font-family:"Syne",sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:2px}
.stat-lbl{font-size:11px;color:var(--tx3)}

/* SECTION HEAD */
.section-head{margin-bottom:48px;max-width:560px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-title{font-family:"Syne",sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:14px}
.section-desc{font-size:15.5px;color:var(--tx2);line-height:1.7}

/* FEATURE ROWS */
.feature-rows{border-top:1px solid var(--bd)}
.feature-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--bd);align-items:start;transition:background .15s}
.feature-row:hover{background:rgba(255,255,255,.015)}
.feature-idx{font-family:"Syne",sans-serif;font-size:12px;font-weight:700;color:var(--tx3);padding-top:2px}
.feature-name{font-size:15px;font-weight:700;margin-bottom:6px}
.feature-detail{font-size:13.5px;color:var(--tx3);line-height:1.65}
.feature-tags{display:flex;flex-wrap:wrap;gap:6px}
.feature-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;background:var(--s2);color:var(--tx2);border:1px solid var(--bd)}

/* SHOWCASE */
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px}
.showcase.rev>.showcase-text{order:2}
.showcase.rev>.showcase-panel{order:1}
.showcase-text h3{font-family:"Syne",sans-serif;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:14px}
.showcase-text p{font-size:14.5px;color:var(--tx2);line-height:1.7;margin-bottom:20px}
.showcase-points{list-style:none;display:flex;flex-direction:column;gap:8px}
.showcase-points li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--tx2);line-height:1.5}
.showcase-points li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--pu);flex-shrink:0;margin-top:8px}
.showcase-panel{background:var(--s1);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.panel-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--bd);background:var(--s2)}
.panel-dot{width:9px;height:9px;border-radius:50%}
.panel-label{font-size:11px;font-weight:600;color:var(--tx3);margin-left:auto}
.panel-body{padding:20px}
.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.pstat{background:var(--s2);border-radius:6px;padding:12px}
.pstat-val{font-family:"Syne",sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2px}
.pstat-lbl{font-size:10px;color:var(--tx3)}
.panel-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--bd);font-size:12.5px}
.panel-row:last-child{border-bottom:none}
.panel-row-lbl{color:var(--tx2);flex:1}
.panel-row-val{font-weight:700;font-family:"Geist Mono",monospace;font-size:11px}

/* PRICING */
.pricing-section{background:var(--s2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.pricing-category{margin-bottom:64px}
.pricing-category-head{margin-bottom:24px}
.pricing-category-title{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.pricing-category-sub{font-size:13.5px;color:var(--tx3)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.price-card{background:var(--s1);border:1px solid var(--bd);border-radius:10px;padding:24px;display:flex;flex-direction:column}
.price-card.featured{border-color:var(--pu);border-width:2px}
.price-tier{font-size:14px;font-weight:700;margin-bottom:4px}
.price-desc{font-size:12.5px;color:var(--tx3);margin-bottom:18px}
.price-amount{display:flex;align-items:baseline;gap:2px;margin-bottom:2px}
.price-cur{font-size:1rem;font-weight:700;color:var(--tx3)}
.price-num{font-family:"Syne",sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}
.price-period{font-size:11px;color:var(--tx3);margin-bottom:18px}
.price-divider{height:1px;background:var(--bd);margin-bottom:18px}
.price-features{list-style:none;display:flex;flex-direction:column;gap:7px;flex:1;margin-bottom:20px}
.price-features li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx2)}
.price-features li::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--pu);flex-shrink:0}
.price-btn{display:block;text-align:center;padding:11px;border-radius:7px;font-size:13.5px;font-weight:700;text-decoration:none;background:var(--pu);color:#fff;transition:background .15s}
.price-btn:hover{background:var(--pu-hi)}
.price-btn.secondary{background:transparent;color:var(--tx);border:1px solid var(--bd2)}
.price-btn.secondary:hover{background:var(--s2)}

/* TRUST */
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trust-item{border-top:2px solid var(--pu);padding-top:16px;max-width:220px}
.trust-name{font-size:13.5px;font-weight:700;margin-bottom:6px}
.trust-detail{font-size:12px;color:var(--tx3);line-height:1.6}

/* CTA */
.cta-box{background:var(--s1);border:1px solid var(--bd);border-radius:14px;padding:56px 40px;text-align:center}
.cta-box .btn{width:auto;min-width:140px;justify-content:center}
.cta-h2{font-family:"Syne",sans-serif;font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.cta-sub{font-size:14.5px;color:var(--tx2);max-width:420px;margin:0 auto 28px;line-height:1.7}
.cta-btns{display:flex;align-items:center;justify-content:center;gap:12px}

/* FOOTER */
footer{border-top:1px solid var(--bd);padding:32px 0;background:var(--s1)}
.footer-inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;font-size:12.5px;color:var(--tx3)}
.footer-inner a{color:var(--tx2);text-decoration:none}
.footer-inner a:hover{color:var(--pu-hi)}
.footer-legal{margin-top:10px;font-size:12px;color:var(--tx3);text-align:center}
.footer-legal a{color:var(--tx3);text-decoration:none}
.footer-legal a:hover{color:var(--pu-hi)}

/* UTILITY */
.text-center{text-align:center}
.mt-20{margin-top:20px}
.mb-24{margin-bottom:24px}
.mb-64{margin-bottom:64px}
.val-pu{color:var(--pu-hi)}
.val-gn{color:var(--gn)}
.val-am{color:var(--am)}
.val-te{color:var(--te)}
.val-rd{color:var(--rd)}
.bg-red{background:#F87171}
.bg-yellow{background:#FBBF24}
.bg-green{background:#34D399}
.link-ac{color:var(--pu-hi);font-weight:600}
.cat-title{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.cat-sub{font-size:13.5px;color:var(--tx3)}

@media(max-width:900px){
  .nav-links{display:none}
  .showcase{grid-template-columns:1fr;gap:32px}
  .showcase.rev>.showcase-text{order:1}
  .showcase.rev>.showcase-panel{order:2}
  .pricing-grid{grid-template-columns:1fr}
  .trust-row{grid-template-columns:1fr 1fr}
  .feature-row{grid-template-columns:1fr;gap:8px}
  .feature-idx{display:none}
  .stats-bar{flex-wrap:wrap}
  .stat{flex:1 1 50%}
}