:root{--bg:#070912;--bg-soft:#0e1428;--card:rgba(16,23,45,.76);--card-strong:rgba(22,31,61,.94);--border:rgba(255,255,255,.12);--text:#f5f7ff;--muted:#aab3d6;--blue:#24d7ff;--purple:#9b5cff;--green:#5cffb0;--gold:#ffd66b;--shadow:0 24px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(36,215,255,.14),transparent 32rem),radial-gradient(circle at top right,rgba(155,92,255,.14),transparent 34rem),var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.bg-glow{position:fixed;width:18rem;height:18rem;border-radius:50%;filter:blur(70px);opacity:.36;pointer-events:none;z-index:-1}.bg-glow-one{left:-5rem;top:10rem;background:var(--blue)}.bg-glow-two{right:-5rem;top:28rem;background:var(--purple)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem min(6vw,5rem);background:rgba(7,9,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.8rem;font-weight:800;letter-spacing:-.03em}.brand img{width:2.7rem;height:2.7rem;border-radius:.9rem;object-fit:cover;box-shadow:0 0 28px rgba(36,215,255,.22)}.nav{display:flex;align-items:center;gap:1.4rem;color:var(--muted)}.nav a{transition:color .2s ease}.nav a:hover{color:var(--text)}.nav-cta{color:var(--text)!important;padding:.7rem 1rem;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 28px rgba(155,92,255,.26)}.menu-toggle{display:none;border:1px solid var(--border);color:var(--text);background:var(--card);border-radius:.8rem;padding:.5rem .8rem}.section{padding:5.5rem min(6vw,5rem);max-width:1240px;margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);gap:3rem;min-height:calc(100vh - 5rem);align-items:center}.pill,.eyebrow{display:inline-flex;align-items:center;width:fit-content;gap:.4rem;padding:.45rem .7rem;border-radius:999px;border:1px solid var(--border);color:var(--blue);background:rgba(36,215,255,.08);font-size:.88rem;font-weight:700}.hero h1,.section-heading h2,.split-section h2,.final-cta h2{margin:1rem 0;font-size:clamp(2.2rem,5vw,5.3rem);line-height:.95;letter-spacing:-.075em}.hero p,.section-heading p,.split-section p,.final-cta p{max-width:720px;color:var(--muted);font-size:1.1rem;line-height:1.75}.hero-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.9rem 1.25rem;border:0;border-radius:1rem;cursor:pointer;font-weight:800;transition:transform .2s ease,opacity .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#050713;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 14px 50px rgba(36,215,255,.22)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:rgba(255,255,255,.06)}.trust-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;color:var(--muted)}.trust-row span{padding:.6rem .8rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border)}.hero-card{padding:1.2rem;border:1px solid var(--border);border-radius:2rem;background:linear-gradient(180deg,rgba(22,31,61,.86),rgba(11,16,32,.76));box-shadow:var(--shadow)}.browser-dots{display:flex;gap:.45rem;margin-bottom:1rem}.browser-dots span{width:.7rem;height:.7rem;border-radius:50%;background:var(--muted);opacity:.6}.bot-preview{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-radius:1.4rem;background:rgba(255,255,255,.05)}.bot-preview h2{margin:0}.bot-preview p{margin:.25rem 0 0;color:var(--muted)}.bot-avatar img{width:5rem;height:5rem;border-radius:1.4rem;object-fit:cover}.preview-list{display:grid;gap:.7rem;margin-top:1rem}.preview-list div{display:flex;justify-content:space-between;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.045);color:var(--muted)}.preview-list strong{color:var(--green)}.section-heading{text-align:center;display:grid;justify-items:center;margin-bottom:2.4rem}.section-heading h2{font-size:clamp(2rem,4vw,3.6rem)}.features-grid,.pricing-grid,.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.price-card,.review-grid article,.step,.extras-box{padding:1.4rem;border:1px solid var(--border);border-radius:1.4rem;background:var(--card);box-shadow:0 18px 60px rgba(0,0,0,.22)}.feature-card .icon{display:inline-grid;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:1rem;background:rgba(36,215,255,.1);font-size:1.4rem}.feature-card h3,.price-card h3,.step h3{margin:0 0 .5rem}.feature-card p,.price-card p,.step p{color:var(--muted);line-height:1.6}.price-card{position:relative;display:flex;flex-direction:column;overflow:hidden}.price-card.popular{border-color:rgba(36,215,255,.5);background:linear-gradient(180deg,rgba(36,215,255,.12),rgba(16,23,45,.8))}.badge{position:absolute;top:1rem;right:1rem;padding:.35rem .6rem;border-radius:999px;background:rgba(92,255,176,.14);color:var(--green);font-size:.78rem;font-weight:800}.price{font-size:2.4rem;font-weight:900;letter-spacing:-.06em;margin:.4rem 0 1rem}.price small{font-size:.9rem;color:var(--muted);font-weight:700}.price-card ul{padding:0;margin:0 0 1.3rem;list-style:none;display:grid;gap:.55rem;color:var(--muted)}.price-card li::before{content:"✓";color:var(--green);margin-right:.5rem}.price-card .btn{margin-top:auto;width:100%}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.step span{display:inline-flex;color:var(--blue);font-weight:900;margin-bottom:.7rem}.split-section{display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:center}.extras-box{display:grid;gap:.8rem}.extras-box div{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.045)}.extras-box span{color:var(--blue);font-weight:800}.review-grid article span{color:var(--gold)}.review-grid article p{color:var(--muted);line-height:1.7}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:.8rem}details{border:1px solid var(--border);border-radius:1rem;background:var(--card);padding:1rem 1.2rem}summary{cursor:pointer;font-weight:800}details p{color:var(--muted);line-height:1.7}.final-cta{text-align:center;display:grid;justify-items:center;border:1px solid var(--border);border-radius:2rem;background:linear-gradient(135deg,rgba(36,215,255,.12),rgba(155,92,255,.14));margin-bottom:5rem}.footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem min(6vw,5rem);border-top:1px solid var(--border);color:var(--muted)}.footer strong{color:var(--text)}.footer-links{display:flex;gap:1rem}.order-modal{width:min(94vw,620px);border:1px solid var(--border);border-radius:1.5rem;padding:0;color:var(--text);background:var(--card-strong);box-shadow:var(--shadow)}.order-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.modal-card{position:relative;padding:1.5rem;display:grid;gap:1rem}.modal-card h2,.modal-card p{margin:0}.modal-card p,.small-note{color:var(--muted)}.modal-close{position:absolute;right:1rem;top:1rem;width:2.3rem;height:2.3rem;border:1px solid var(--border);border-radius:.8rem;color:var(--text);background:rgba(255,255,255,.06);cursor:pointer}label{display:grid;gap:.45rem;color:var(--muted);font-weight:700}input,textarea,select{width:100%;border:1px solid var(--border);outline:none;border-radius:.9rem;padding:.85rem .9rem;color:var(--text);background:rgba(255,255,255,.06)}input:focus,textarea:focus,select:focus{border-color:rgba(36,215,255,.6)}code{color:var(--blue)}@media(max-width:900px){.menu-toggle{display:inline-flex}.nav{position:absolute;left:1rem;right:1rem;top:4.9rem;display:none;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid var(--border);border-radius:1.2rem;background:rgba(7,9,18,.96)}.nav.open{display:flex}.hero,.split-section{grid-template-columns:1fr}.features-grid,.pricing-grid,.review-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer{flex-direction:column}}@media(max-width:560px){.section{padding:4rem 1rem}.site-header{padding:.9rem 1rem}.steps{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}
.btn-whatsapp {
  color: #06120b;
  background: linear-gradient(135deg, #25D366, #5cffb0);
  box-shadow: 0 14px 50px rgba(37, 211, 102, 0.18);
}

/* Demo bot section */
.demo-grid {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 1.2rem;
  align-items: stretch;
}
.demo-browser {
  border: 1px solid var(--border);
  border-radius: 1.8rem;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(14, 20, 40, 0.92), rgba(8, 12, 28, 0.78));
  box-shadow: var(--shadow);
}
.discord-demo-layout {
  display: grid;
  grid-template-columns: 170px 1fr 160px;
  gap: 0.8rem;
  min-height: 420px;
}
.demo-sidebar,
.demo-panel,
.demo-chat {
  border: 1px solid var(--border);
  border-radius: 1.2rem;
  background: rgba(255,255,255,0.04);
  padding: 1rem;
}
.demo-sidebar { display: grid; align-content: start; gap: .55rem; }
.demo-sidebar strong { margin-bottom: .4rem; }
.demo-sidebar button,
.demo-actions button {
  border: 1px solid var(--border);
  color: var(--text);
  background: rgba(255,255,255,.04);
  border-radius: .8rem;
  padding: .75rem;
  cursor: pointer;
  text-align: left;
}
.demo-sidebar button.active,
.demo-sidebar button:hover,
.demo-actions button:hover { border-color: rgba(36,215,255,.55); background: rgba(36,215,255,.12); }
.demo-chat { display: flex; flex-direction: column; gap: 1rem; }
.demo-message { padding: 1rem; border-radius: 1rem; background: rgba(255,255,255,.055); border: 1px solid var(--border); }
.demo-message strong { color: var(--blue); }
.demo-message p { color: var(--muted); line-height: 1.6; margin-bottom: 0; }
.demo-message.user { align-self: flex-end; max-width: 78%; background: rgba(155,92,255,.10); }
.demo-actions { margin-top: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; }
.demo-panel span, .demo-panel small { color: var(--muted); display: block; }
.demo-panel strong { color: var(--green); display: block; font-size: 1.4rem; margin: .3rem 0 1rem; }
.mini-metrics { display: grid; gap: .6rem; }
.mini-metrics div { padding: .8rem; border-radius: .9rem; background: rgba(255,255,255,.05); font-weight: 900; }
.mini-metrics span { font-size: .78rem; margin-top: .1rem; }
.demo-copy { border: 1px solid var(--border); border-radius: 1.8rem; padding: 1.4rem; background: var(--card); }
.demo-copy h3 { font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1; margin: 1rem 0; letter-spacing: -.05em; }
.demo-copy p { color: var(--muted); line-height: 1.7; }
.check-list { list-style: none; padding: 0; display: grid; gap: .65rem; color: var(--muted); }
.check-list li::before { content: "✓"; color: var(--green); margin-right: .55rem; }
.video-demo-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; margin-top: 1rem; }
.video-card { position: relative; overflow: hidden; min-height: 240px; border: 1px solid var(--border); border-radius: 1.5rem; cursor: pointer; background: #050713; box-shadow: var(--shadow); }
.video-card img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .68; transition: transform .3s ease, opacity .3s ease; }
.video-card:hover img { transform: scale(1.04); opacity: .88; }
.video-card div { position: absolute; inset: auto 1rem 1rem 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: 1rem; background: rgba(7,9,18,.75); backdrop-filter: blur(10px); }
.video-card span { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--green)); color: #06120b; font-weight: 900; margin-bottom: .4rem; }
.video-card strong, .video-card small { display: block; }
.video-card small { color: var(--muted); margin-top: .25rem; }

/* Marketplace */
.market-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.market-card { padding: 1.3rem; border: 1px solid var(--border); border-radius: 1.3rem; background: var(--card); }
.market-card span { font-size: 1.8rem; }
.market-card p { color: var(--muted); line-height: 1.6; }
.market-order-box { margin-top: 1rem; display: grid; grid-template-columns: .9fr 1.1fr; gap: 1rem; padding: 1.4rem; border: 1px solid rgba(36,215,255,.25); border-radius: 1.6rem; background: linear-gradient(135deg, rgba(36,215,255,.1), rgba(155,92,255,.1)); }
.market-order-box p { color: var(--muted); line-height: 1.65; }
.market-warning { font-size: .9rem; color: var(--gold) !important; }
.market-form { display: grid; gap: 1rem; }

/* Video modal */
.video-modal { width: min(94vw, 860px); border: 1px solid var(--border); border-radius: 1.5rem; padding: 0; background: var(--card-strong); box-shadow: var(--shadow); color: var(--text); }
.video-modal::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(8px); }
.video-modal-card { position: relative; padding: 1.2rem; }
.fake-video-player { overflow: hidden; border-radius: 1.2rem; border: 1px solid var(--border); background: radial-gradient(circle at 20% 20%, rgba(36,215,255,.18), transparent 30%), #050713; }
.video-topbar { display: flex; gap: .45rem; padding: .8rem; border-bottom: 1px solid var(--border); }
.video-topbar span { width: .65rem; height: .65rem; border-radius: 50%; background: var(--muted); opacity: .65; }
.video-screen { min-height: 360px; display: grid; place-items: center; padding: 2rem; text-align: center; }
.video-frame { display: none; animation: fadeVideo .45s ease; }
.video-frame.active { display: block; }
.video-frame h3 { font-size: clamp(2rem,4vw,4rem); line-height: .95; letter-spacing: -.07em; margin: 0 0 1rem; }
.video-frame p { color: var(--muted); font-size: 1.2rem; line-height: 1.6; }
.video-progress { height: 6px; background: rgba(255,255,255,.08); }
.video-progress span { display: block; height: 100%; width: 0%; background: linear-gradient(90deg,var(--blue),var(--green)); transition: width .25s linear; }
@keyframes fadeVideo { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

@media (max-width: 980px) {
  .demo-grid, .market-order-box { grid-template-columns: 1fr; }
  .discord-demo-layout { grid-template-columns: 1fr; }
  .demo-panel { display: none; }
  .market-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 620px) {
  .video-demo-grid, .market-grid { grid-template-columns: 1fr; }
  .demo-actions { grid-template-columns: 1fr; }
}