Help
RSS
API
Feed
Maltego
Contact
Domain > d3tx.services
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2023-11-13
54.174.248.50
(
ClassC
)
2024-09-21
54.165.97.149
(
ClassC
)
2025-12-14
209.74.67.46
(
ClassC
)
Port 80
HTTP/1.1 301 Moved Permanentlykeep-alive: timeout5, max100content-type: text/htmlcontent-length: 795date: Sun, 14 Dec 2025 21:25:28 GMTserver: LiteSpeedlocation: https://d3tx.services/x-turbo-charged-by: LiteSpeed !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKkeep-alive: timeout5, max100content-type: text/htmllast-modified: Fri, 12 Sep 2025 21:07:05 GMTaccept-ranges: bytescontent-length: 198979date: Sun, 14 Dec 2025 21:25:29 GMTserver: LiteSpeedx-turbo-charged-by: LiteSpeed !DOCTYPE html>html langen>head> !-- Uniform page background + particle layering fix -->style iduniformPageBgFix> :root { --page-bg:#05070b; } /* was brighter; this is deeper */ html, body { background: var(--page-bg) !important; } section, .section, .hero { background: transparent !important; } main#pageContent { position: relative; z-index: 1; } #tsparticles { z-index: 0 !important; }/style> meta charsetUTF-8 /> meta nameviewport contentwidthdevice-width, initial-scale1.0/> title>D3tx Services/title> !-- Fonts & Icon --> link relpreconnect hrefhttps://fonts.googleapis.com /> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin /> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;500;600&familySora:wght@600;700;800&familySpace+Grotesk:wght@400;600;700&familyOrbitron:wght@500&displayswap relstylesheet> link relicon typeimage/png href/zen.png> style> .neon-footer{ background: linear-gradient(180deg, rgba(10,12,20,0), rgba(10,12,20,.85) 12%, rgba(10,12,20,.92)); border-top: 1px solid rgba(0,255,255,.18); box-shadow: 0 -30px 120px -30px rgba(0,255,255,.35); position: relative; overflow: hidden; } .neon-footer::before{ content:; position:absolute; left:0; right:0; top:0; height:2px; background: linear-gradient(90deg, transparent, var(--neon1), var(--neon2), transparent); opacity:.6; } .footer-inner{ display:flex; flex-direction:column; align-items:center; gap:16px; padding: 26px 0 28px; } .footer-social{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; } .footer-social .social{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background: rgba(255,255,255,.03); border: 1px solid rgba(0,255,255,.14); transition: transform .2s, background .25s, border-color .25s, box-shadow .25s; font-weight:700; font-size:.95rem; color:#eaf3ff; } .footer-social .social:hover{ transform: translateY(-2px); background: linear-gradient(135deg, rgba(0,255,255,.10), rgba(0,255,119,.10)); border-color: rgba(0,255,255,.3); box-shadow: 0 18px 60px -12px rgba(0,255,255,.35); } .footer-bottom{ width:100%; display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; font-size:.95rem; color:#cfe6ff; } .to-top{ appearance:none; border:0; cursor:pointer; padding:8px 14px; border-radius:10px; font-weight:900; letter-spacing:.2px; background: linear-gradient(135deg,var(--neon1),var(--neon2)); color:#001; box-shadow: 0 16px 60px -12px rgba(0,255,200,.45); transition: transform .2s, filter .2s; } .to-top .arrow{ font-weight:900; margin-right:6px; } .to-top:hover{ transform: translateY(-2px); filter: brightness(1.05); } .copyright{ opacity:.9; } @media (max-width:600px){ .footer-bottom{ flex-direction:column; gap:10px; } }/style> !-- CORE STYLES --> style> :root { --bg:#0f1220; --card:#1b1f33; --radius:16px; --transition:.33s cubic-bezier(.22,.08,.54,1); --neon1:#00ffff; --neon2:#00ff77; --text:#f0f4fd; --muted:#999; --shadow:0 40px 90px -10px rgba(0,255,255,.15); --glass:rgba(255,255,255,.03); font-family: Inter, system-ui,-apple-system,BlinkMacSystemFont,sans-serif; } *{box-sizing:border-box;} body{ margin:0; background: radial-gradient(ellipse at top left, #0a0a0a 20%, #020202 100%); color: var(--text); line-height:1.45; min-height:100vh; scroll-behavior:smooth; -webkit-font-smoothing:antialiased; overflow-x:hidden; cursor: none; } a{color:inherit; text-decoration:none;} .container{width:100%; max-width:1180px; margin:0 auto; padding:0 16px; position:relative; z-index:2;} /* PARTICLE BACKGROUND */ #tsparticles { position:fixed; inset:0; z-index:1; pointer-events: none; } /* HEADER */ header{ position:sticky; top:0; z-index:99; backdrop-filter: blur(12px); background: rgba(15,18,32,.75); padding:12px 0; font-family: Montserrat, sans-serif; } .nav-inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; } .logo{ font-size:1.25rem; font-weight:700; letter-spacing:0.5px; display:inline-flex; align-items:center; gap:4px; position:relative; color: var(--text); } .logo span{font-weight:400; margin-left:2px; color: var(--neon2);} nav{display:flex; align-items:center; gap:24px;} nav ul{display:flex; gap:18px; padding:0; margin:0; list-style:none;} nav a{ position:relative; padding:6px 8px; font-size:0.9rem; font-weight:600; border-radius:6px; transition: var(--transition); cursor: none; } nav a.active, nav a:hover{ background: linear-gradient(135deg,var(--neon1),var(--neon2)); color:#000; box-shadow: 0 0 22px rgba(0,255,255,.4); } .hamburger{ display:none; flex-direction:column; gap:4px; cursor:pointer; width:30px; } .hamburger span{ height:3px; background:#fff; border-radius:2px; transition: all .3s; } @media (max-width: 1024px){ nav{position:fixed; inset:0; background: rgba(15,18,32,.95); flex-direction:column; padding-top:80px; align-items:center; justify-content:start; gap:0; transform:translateY(-100%); transition:var(--transition);} nav.open{transform:translateY(0);} nav ul{flex-direction:column; gap:14px;} .hamburger{display:flex;} } /* HERO */ .hero{ position:relative; padding:100px 0 60px; overflow:hidden; } .hero-content{ position:relative; z-index:1; text-align:center; padding:0 10px; } .hero h1{ font-size:2.6rem; margin:0; line-height:1.1; font-family:Montserrat,sans-serif; letter-spacing:0.5px; } .hero p{ font-size:1rem; margin:12px auto 24px; max-width:750px; color:#ccc; } .hero-buttons{ display:inline-flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-bottom:24px; } .btn{ position:relative; display:inline-block; padding:14px 28px; background: linear-gradient(135deg,var(--neon1),var(--neon2)); color:#000; font-weight:700; border:none; border-radius:10px; cursor:pointer; font-size:0.9rem; letter-spacing:0.8px; transition: var(--transition); box-shadow: 0 25px 80px -10px rgba(0,255,255,.35); } .btn:hover{ transform:translateY(-2px) scale(1.02); filter:brightness(1.07); } .btn-outline{ background: transparent; border:2px solid var(--neon1); color: var(--neon1); box-shadow: 0 0 30px rgba(0,255,255,.3); position:relative; } .btn-outline:hover{ background: var(--neon1); color:#000; } .highlight-grid{ display:grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin-top:32px; } .highlight-item{ background: rgba(255,255,255,0.03); padding:10px 14px; border-radius:8px; display:flex; align-items:center; gap:8px; font-size:0.8rem; font-weight:600; position:relative; overflow:hidden; } .highlight-item .icon{ font-size:1.25em; } .highlight-tagline{margin-top:8px; font-size:0.75rem; color:#aaa; font-style:italic;} .section{padding:80px 0; position:relative;} .section h2{font-family:Montserrat,sans-serif; font-size:1.9rem; margin-bottom:8px; position:relative;} .section .description{margin:0 0 12px; font-size:1rem; color:#ddd;} .small{font-size:.85rem; color:#aaa;} /* BEFORE / AFTER SLIDER */ .compact-ba { position: relative; margin: 0 auto; max-width: 520px; font-family: Inter, system-ui,-apple-system,BlinkMacSystemFont,sans-serif; } .slider-wrapper { position: relative; aspect-ratio: 16/9; border-radius: 12px; overflow: hidden; background: rgba(15,18,32,0.9); box-shadow: 0 40px 100px -15px rgba(0,255,255,0.18), inset 0 0 30px rgba(255,255,255,0.04); cursor: ew-resize; user-select: none; } .compact-ba img.base, .compact-ba .overlay img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.08) saturate(1.15); pointer-events: none; } .overlay { position: absolute; inset: 0; width: 50%; overflow: hidden; transition: width .35s cubic-bezier(.22,.08,.54,1); } .divider { position: absolute; inset: 0; pointer-events: none; } .bar { position: absolute; top: 0; left: 50%; width: 6px; height: 100%; transform: translateX(-50%); background: linear-gradient(180deg, var(--neon1), var(--neon2)); border-radius: 3px; box-shadow: 0 0 32px rgba(0,255,255,0.85), 0 0 60px rgba(0,255,119,0.5); } .knob { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(0,255,255,0.05); border: 2px solid var(--neon1); box-shadow: 0 0 34px rgba(0,255,255,0.9), 0 0 18px rgba(0,255,119,0.6); transition: transform .2s; z-index: 2; } .compact-range { width: 100%; margin-top: 12px; appearance: none; background: transparent; } .compact-range::-webkit-slider-runnable-track { height: 6px; border-radius: 4px; background: rgba(255,255,255,0.08); } .compact-range::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: var(--neon2); border: 2px solid rgba(255,255,255,0.2); margin-top: -4px; box-shadow: 0 0 20px rgba(0,255,119,0.9); cursor: pointer; transition: transform .2s; } .compact-range:active::-webkit-slider-thumb { transform: scale(1.15); } .labels { position: absolute; top: 10px; left: 12px; right: 12px; display: flex; justify-content: space-between; gap: 8px; pointer-events: none; z-index: 3; } .pill { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 12px; border-radius: 999px; font-size: 0.55rem; font-weight: 700; backdrop-filter: blur(10px); background: rgba(255,255,255,0.03); color: #f0f4fd; min-width: 62px; line-height:1; position: relative; } .pill .num { font-size: 1rem; } .pill.before { border: 1px solid var(--neon2); } .pill.after { border: 1px solid var(--neon1); } .shimmer { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 45%, rgba(255,255,255,0) 85%); transform: translateX(-100%) skewX(-12deg); filter: blur(8px); opacity: 0; z-index: 2; } .shimmer.active { animation: sweep 2.2s ease-out forwards; } @keyframes sweep { 0% { transform: translateX(-100%) skewX(-12deg); opacity: 0; } 20% { opacity: .18; } 50% { transform: translateX(120%) skewX(-12deg); opacity: .08; } 100% { transform: translateX(120%) skewX(-12deg); opacity: 0; } } .knob.auto-glow { animation: pulse 5s ease-in-out infinite; } @keyframes pulse { 0%,100% { box-shadow: 0 0 30px rgba(0,255,255,0.6), 0 0 16px rgba(0,255,119,0.4); } 50% { box-shadow: 0 0 52px rgba(0,255,255,1), 0 0 24px rgba(0,255,119,0.6); } } .confetti-container { pointer-events: none; position: absolute; inset: 0; overflow: visible; z-index: 5; } .confetti { position: absolute; width: 6px; height: 6px; will-change: transform, opacity; border-radius: 2px; opacity: 1; mix-blend-mode: screen; } /* AIM ASSIST GAME-LIKE PREVIEW */ .game-preview-wrapper { position: relative; max-width: 900px; margin: 0 auto; padding: 14px; display: flex; flex-direction: column; gap: 14px; } .game-canvas-wrapper { position: relative; border-radius: 16px; overflow: hidden; background: linear-gradient(135deg, rgba(20,22,40,.9), rgba(10,12,30,.95)); box-shadow: 0 80px 200px -10px rgba(0,255,255,0.25), inset 0 0 60px rgba(0,255,255,0.08); aspect-ratio: 16/9; } #gameAssistCanvas { display: block; width: 100%; height: 100%; border-radius: 16px; background: radial-gradient(circle at 60% 40%, rgba(255,255,255,0.02), transparent 60%), rgba(17,19,38,1); filter: contrast(1.05) brightness(1.02); } .hud { display:flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 14px; margin-bottom: 6px; font-family: Orbitron, sans-serif; } .hud-left, .hud-right { display:flex; gap:14px; } .stat { display:flex; flex-direction: column; gap:4px; font-size:0.65rem; } .stat .label { text-transform: uppercase; letter-spacing:1px; opacity:.75; } .stat .value { font-weight:700; font-size:1rem; display:flex; align-items:center; gap:6px; } .score { display:flex; flex-direction: column; align-items:center; gap:2px; } .score .label { font-size:.55rem; text-transform: uppercase; opacity:.7; } .score .value { font-size:1.6rem; font-weight:800; background: linear-gradient(135deg,var(--neon1),var(--neon2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .meter { position: relative; width: 100px; height: 8px; background: rgba(255,255,255,0.08); border-radius: 4px; overflow: hidden; } .meter .fill { height:100%; width:0%; background: linear-gradient(135deg, var(--neon1), var(--neon2)); border-radius:4px; transition: width .2s ease; box-shadow: 0 0 18px rgba(0,255,255,0.6); } .locked-badge { position:absolute; top:12px; right:12px; padding:8px 18px; background: linear-gradient(135deg,#00ff77,#00ddaa); color:#000; font-weight:700; font-size:0.65rem; letter-spacing:1px; border-radius:999px; transform: scale(.85); opacity:0; pointer-events:none; transition: opacity .2s ease, transform .25s ease; box-shadow: 0 0 40px rgba(0,255,119,0.9); } .locked-badge.active { opacity:1; transform: scale(1); } .controls { display:flex; justify-content:center; margin-top:4px; } .assist-btn { background: linear-gradient(135deg,var(--neon1),var(--neon2)); border: none; padding: 12px 32px; border-radius: 10px; cursor: pointer; font-family: Orbitron,sans-serif; font-weight: 600; color: #000; box-shadow: 0 0 36px rgba(0,255,255,0.6); transition: transform .25s ease, filter .25s ease; position: relative; outline: none; } .assist-btn:hover { transform: scale(1.08); filter: brightness(1.1); } /* MEMBERSHIP GRID */ .membership-grid{ display:flex; flex-wrap:wrap; gap:18px; margin-top:16px; } .membership-card{ position:relative; flex:1 1 220px; min-width:220px; background: linear-gradient(135deg, rgba(0,255,119,0.08), rgba(0,255,255,0.08)); border-radius:18px; padding:24px 18px 32px; overflow:hidden; box-shadow:0 40px 100px -10px rgba(0,255,255,.15); border:2px solid transparent; transition: transform .35s ease, box-shadow .35s ease; display:flex; flex-direction:column; } .membership-card.popular::before { content:; position:absolute; inset:0; z-index:0; filter:blur(22px); background: linear-gradient(135deg,var(--neon1),var(--neon2)); mask: radial-gradient(farthest-side at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%); } .membership-badge{ position:absolute; top:12px; left:12px; background: rgba(255,255,255,0.08); padding:6px 12px; border-radius:6px; font-size:0.65rem; text-transform:uppercase; font-weight:600; backdrop-filter: blur(6px); z-index:2; } .membership-popular{ position:absolute; top:12px; right:12px; background: linear-gradient(135deg,#00ff77,#00ddaa); padding:8px 16px; border-radius:999px; font-size:0.65rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#000; z-index:2; box-shadow:0 20px 60px -5px rgba(0,255,119,.6); } .membership-content{ position:relative; z-index:1; display:flex; flex-direction:column; flex:1; } .membership-content h3{ margin:0; font-size:1.3rem; font-weight:700; } .membership-price{ margin:6px 0; font-size:1.5rem; font-weight:700; color: var(--neon2); } .membership-features{ padding-left:12px; margin:8px 0 16px; } .membership-features li{ margin-bottom:4px; font-size:0.9rem; list-style: disc; } .membership-button{ margin-top:auto; background: linear-gradient(135deg,var(--neon1),var(--neon2)); border:none; padding:14px; border-radius:10px; font-weight:700; cursor:pointer; color:#000; font-size:1rem; width:100%; letter-spacing:1px; transition: transform .25s ease; position: relative; overflow:hidden; } .membership-card:hover{ transform:translateY(-4px); box-shadow:0 60px 140px -10px rgba(0,255,255,.35); } /* SHOP */ .shop-grid{ display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:12px; } .shop-card{ position:relative; background: linear-gradient(135deg, rgba(27,31,51,0.9), rgba(27,31,51,0.85)); border-radius:16px; overflow:hidden; transition:transform .35s ease,box-shadow .45s ease; padding-bottom:0; display:flex; flex-direction:column; min-height:260px; box-shadow: 0 30px 100px -10px rgba(0,255,255,0.2); } .shop-card-inner{ position:relative; flex:1; display:flex; flex-direction:column; justify-content:space-between; padding:14px 16px 16px; background:rgba(0,0,0,0.15); border-radius:12px; margin:8px; overflow:hidden; } .shop-badge{ position:absolute; top:12px; left:12px; background: linear-gradient(135deg,#00ff77,#00ffff); padding:6px 14px; border-radius:999px; font-size:0.6rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; box-shadow: 0 10px 40px -5px rgba(0,255,255,0.6); transition: transform .25s ease, box-shadow .35s ease; z-index:2; } .shop-title{ margin:0; font-size:1.25rem; font-weight:700; } .shop-sub{ font-size:0.9rem; margin:4px 0 12px; color: #aadfff; } .shop-img{ width:100%; height:140px; object-fit:contain; border-radius:8px; background: rgba(0,0,0,0.2); margin-bottom:8px; } .shop-footer{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:auto; } .shop-btn{ background: linear-gradient(135deg,var(--neon2),var(--neon1)); border:none; padding:10px 22px; border-radius:999px; font-weight:700; font-size:0.9rem; cursor:pointer; color:#000; position:relative; box-shadow:0 25px 90px -10px rgba(0,255,255,.4); transition: transform .25s ease; overflow:hidden; } .shop-btn.request{ background: linear-gradient(135deg,#ff9f00,#ffde59); color:#111; } .shop-card:hover{ transform: translateY(-6px) scale(1.015); box-shadow: 0 80px 180px -10px rgba(0,255,255,.4); } /* FAQ */ .faq-search-wrapper { display:flex; justify-content:center; margin-bottom:32px; gap:8px; flex-wrap:wrap; } .faq-search { position: relative; width:100%; max-width:600px; display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background: rgba(255,255,255,0.04); backdrop-filter: blur(14px); border: 1px solid rgba(0,255,255,0.15); box-shadow: 0 25px 80px -10px rgba(0,255,255,0.15); flex:1; min-width:250px; } .faq-search input { flex:1; background: transparent; border:none; color: #f0f4fd; font-size:1rem; padding:6px 4px; outline:none; } .clear-btn { background: transparent; border:none; font-size:1.2rem; line-height:1; cursor:pointer; color: rgba(255,255,255,0.6); padding:4px 8px; transition: color .2s; } .clear-btn:hover { color: var(--neon2); } .faq-item{ position: relative; overflow: hidden; border-radius: 14px; background: rgba(255,255,255,0.02); backdrop-filter: blur(16px); margin-bottom:12px; border: 1px solid rgba(0,255,255,0.08); transition: transform .35s cubic-bezier(.22,.08,.54,1), box-shadow .35s; } .faq-item .accent-left { position:absolute; left:0; top:0; bottom:0; width:6px; background: linear-gradient(180deg, var(--neon1), var(--neon2)); border-radius:0 4px 4px 0; pointer-events:none; box-shadow: 0 0 18px rgba(0,255,255,0.6); } .faq-question{ width: 100%; background: transparent; border: none; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; font-size: 1rem; font-weight:600; color:#f0f4fd; cursor: pointer; position: relative; gap:12px; transition: background .25s; } .faq-question .q-text { flex:1; } .faq-question:hover { background: rgba(255,255,255,0.02); } .chevron-wrapper { display:flex; align-items:center; justify-content:center; width:32px; height:32px; } .chevron { transition: transform .35s ease, color .25s; color: rgba(255,255,255,0.9); } .faq-questionaria-expandedtrue .chevron { transform: rotate(180deg); color: var(--neon2); } .faq-answer { max-height: 0; overflow: hidden; padding: 0 20px; background: transparent; position: relative; transition: max-height .45s cubic-bezier(.22,.08,.54,1), padding .3s ease; } .faq-answer.enhanced { background: linear-gradient(135deg, rgba(0,255,119,0.04), rgba(0,255,255,0.04)); border: 1px solid rgba(0,255,255,0.12); border-radius: 12px; padding: 18px 24px; margin: 0 20px 16px; position: relative; overflow: hidden; box-shadow: 0 25px 100px -10px rgba(0,255,255,0.25); transition: all .35s cubic-bezier(.22,.08,.54,1); } .faq-answer p{ margin: 14px 0 20px; font-size: 0.95rem; line-height:1.45; color:#dce0ff; } .answer-header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; } .answer-header .icon { font-size: 1.5rem; padding: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--neon1), var(--neon2)); box-shadow: 0 0 28px rgba(0,255,255,0.6), 0 0 40px rgba(0,255,119,0.4); display: flex; align-items: center; justify-content: center; color: #000; } .answer-header .label { font-weight: 700; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; background: linear-gradient(135deg, var(--neon1), var(--neon2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .steps { list-style: none; padding: 0; margin: 8px 0 12px; display: flex; flex-direction: column; gap: 6px; } .steps li { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; opacity: 0; transform: translateY(6px); transition: opacity .35s ease, transform .35s ease; } .steps li.visible { opacity: 1; transform: translateY(0); } .tip { background: rgba(0,255,119,0.05); padding: 10px 14px; border-radius: 8px; font-size: 0.85rem; border: 1px solid rgba(0,255,119,0.3); margin-top: 6px; position: relative; } .copy-feedback { position: absolute; top: -6px; right: -6px; background: #000; padding: 4px 10px; border-radius: 999px; font-size: 0.6rem; color: #fff; letter-spacing: 0.5px; box-shadow: 0 0 18px rgba(0,255,255,0.7); pointer-events: none; opacity: 0; transition: opacity .2s ease; } /* QA preview card */ .faq-qa-preview { margin-bottom: 32px; } .qa-card { background: rgba(255,255,255,0.02); border: 1px solid rgba(0,255,255,0.1); border-radius: 14px; padding: 16px 20px; position: relative; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 50px 150px -20px rgba(0,255,255,0.2); transition: box-shadow .35s ease, border-color .35s ease; } .qa-card.active { box-shadow: 0 0 60px rgba(0,255,255,0.6), 0 0 100px rgba(0,255,119,0.4); border-color: var(--neon2); } .question-preview { font-size: 1.1rem; font-weight: 600; margin-top: 4px; } .answer-preview { font-size: 0.95rem; line-height: 1.4; color: #dce0ff; margin-top: 4px; } /* REVIEWS carousel fallback grid */ .review-carousel-wrapper { position: relative; margin-top: 16px; display: flex; align-items: center; gap: 8px; overflow: hidden; } .review-carousel { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px 4px; flex:1; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .review-carousel::-webkit-scrollbar { display: none; } .review-card { position: relative; flex: 0 0 330px; background: rgba(27,31,51,0.85); border-radius: 16px; padding: 18px 20px 16px; display: flex; gap: 14px; align-items: flex-start; scroll-snap-align: start; backdrop-filter: blur(14px); border: 1px solid rgba(0,255,255,0.08); box-shadow: 0 35px 120px -15px rgba(0,255,255,0.3); transition: transform .33s cubic-bezier(.22,.08,.54,1), box-shadow .35s; cursor: default; } .review-card:focus, .review-card:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 60px 180px -10px rgba(0,255,255,0.5); } .avatar-wrapper { position: relative; flex-shrink: 0; width: 52px; height: 52px; } .avatar { width: 100%; height: 100%; border-radius: 50%; display: block; object-fit: cover; border: 2px solid transparent; position: relative; z-index: 1; } .avatar-ring { position: absolute; inset: 0; border-radius: 50%; padding: 2px; background: linear-gradient(135deg, var(--neon1), var(--neon2)); -webkit-mask: linear-gradient(#fff 0 0) content-box, radial-gradient(farthest-side at 50% 50%, #000 98%, transparent 100%) center/100% 100% no-repeat; mask: linear-gradient(#fff 0 0) content-box, radial-gradient(farthest-side at 50% 50%, #000 98%, transparent 100%) center/100% 100% no-repeat; mask-composite: exclude; pointer-events: none; animation: pulse-ring 3s infinite ease-in-out; } @keyframes pulse-ring { 0%,100% { filter: blur(0px); } 50% { filter: blur(4px); } } .content { flex:1; display:flex; flex-direction:column; gap:6px; } .head { display:flex; justify-content: space-between; align-items: flex-start; gap:8px; flex-wrap: wrap; } .user { display:flex; align-items:center; gap:6px; font-weight:600; } .username { background: linear-gradient(135deg,var(--neon1),var(--neon2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:0.95rem; } .verified { font-size:0.6rem; background: rgba(255,255,255,0.08); padding:2px 6px; border-radius:999px; color:#00ff77; display:inline-flex; align-items:center; justify-content:center; } .timestamp { font-size:0.65rem; color:#9aa3cb; white-space: nowrap; } .message-text { margin:0; font-size:0.9rem; line-height:1.35; color:#e8ebff; } .actions { margin-top:auto; display:flex; justify-content: space-between; align-items:center; gap:8px; } .rating { font-size:0.85rem; } .like-btn { background: rgba(255,255,255,0.05); border: none; padding:6px 12px; border-radius:999px; display:flex; align-items:center; gap:6px; font-size:0.75rem; cursor: pointer; position: relative; overflow:hidden; transition: background .25s, transform .2s; } .like-btn .heart { display:inline-block; color: #ff5b5b; transition: transform .2s; } .like-btn .count { color: #f0f4fd; font-weight:600; } .like-btn.liked .heart { animation: pop-heart .4s forwards; } @keyframes pop-heart { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } .carousel-btn { background: rgba(0,0,0,0.4); border: none; width: 44px; height: 44px; border-radius: 50%; display:flex; align-items:center; justify-content:center; font-size:1.25rem; cursor:pointer; position:relative; flex-shrink:0; color: #fff; box-shadow: 0 25px 100px -10px rgba(0,255,255,0.3); transition: transform .2s, background .25s; } .carousel-btn:hover { transform: scale(1.08); background: linear-gradient(135deg,var(--neon1),var(--neon2)); color: #000; } .carousel-btn:focus { outline:2px solid var(--neon1); } /* CUSTOM CURSOR */ #custom-cursor, #cursor-ring { position: fixed; top: 0; left: 0; pointer-events: none; border-radius: 50%; mix-blend-mode: screen; z-index:10000; transition: transform .15s ease, border-color .15s ease; } #custom-cursor { width: 14px; height: 14px; background: radial-gradient(circle at 30% 30%, #ffffff, var(--neon1)); box-shadow: 0 0 8px rgba(0,255,255,0.9), 0 0 20px rgba(0,255,255,0.6), 0 0 40px rgba(0,255,255,0.3); transform: translate(-50%, -50%) scale(1); border: 2px solid rgba(0,255,255,0.8); } #cursor-ring { width: 38px; height: 38px; border: 2px solid rgba(0,255,255,0.5); box-shadow: 0 0 18px rgba(0,255,255,0.5), 0 0 38px rgba(0,255,255,0.3); transform: translate(-50%, -50%) scale(1); } .cursor-hover #custom-cursor { transform: translate(-50%, -50%) scale(1.4); background: radial-gradient(circle at 30% 30%, #fff, #00ffae); } .cursor-hover #cursor-ring { transform: translate(-50%, -50%) scale(1.2); border-color: #00ffff; box-shadow: 0 0 28px rgba(0,255,255,0.9), 0 0 60px rgba(0,255,255,0.4); } /* UTILITY */ .center{display:flex;justify-content:center;align-items:center;} /* RESPONSIVE */ @media (max-width: 900px){ .hero h1{font-size:2.2rem;} .membership-grid{flex-direction:column;} .shop-grid{grid-template-columns:1fr;} } /* FLOATING / POP-IN */ @keyframes floaty { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0px); } } .pop-in { opacity: 0; transform: translateY(12px); animation: popIn 0.6s forwards cubic-bezier(.22,.08,.54,1); } @keyframes popIn { to { opacity: 1; transform: translateY(0); } } .pop-in.floaty-loop { animation: popIn 0.6s forwards cubic-bezier(.22,.08,.54,1), floaty 8s ease-in-out infinite; } /* BUTTON RIPPLE */ .ripple { position: absolute; border-radius: 50%; transform: scale(0); background: rgba(255,255,255,0.35); pointer-events: none; animation: rippleAnim 0.6s ease-out; } @keyframes rippleAnim { to { transform: scale(3); opacity: 0; } } /* FOOTER */ .footer{ background: rgba(15,18,32,.9); padding:1.5rem 0; text-align:center; font-size:.8rem; } .social-links{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-bottom:8px; } .social-links a{ color: var(--text); font-weight:600; font-size:.9rem; position:relative; padding:4px 8px; border-radius:6px; transition: background .25s, transform .2s; } .social-links a:hover{ background: rgba(0,255,255,.1); transform:translateY(-1px); } /* Gorgeous highlight pills */.highlight-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:14px; margin-top:22px;}.feature-pill{ position:relative; display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:14px; background: linear-gradient(135deg, rgba(0,255,255,.06), rgba(0,255,119,.06)); border:1px solid rgba(0,255,255,.14); backdrop-filter: blur(10px); box-shadow: 0 35px 120px -20px rgba(0,255,255,.25); transition: transform .28s cubic-bezier(.22,.08,.54,1), box-shadow .35s, border-color .3s, background .3s; overflow:hidden;}.feature-pill::before{ content:; position:absolute; inset:0; background: conic-gradient(from 180deg, rgba(0,255,255,.0), rgba(0,255,255,.25), rgba(0,255,119,.25), rgba(0,255,255,.0)); filter: blur(14px); opacity:.0; pointer-events:none; transition: opacity .35s;}.feature-pill::after{ /* gentle moving sheen */ content:; position:absolute; inset:-1px; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%); transform: translateX(-120%) skewX(-15deg); animation: sheen 4.2s ease-in-out infinite; opacity:.55; pointer-events:none;}@keyframes sheen{ 0%{ transform: translateX(-120%) skewX(-15deg); } 60%{ transform: translateX(140%) skewX(-15deg); } 100%{ transform: translateX(140%) skewX(-15deg); }}.feature-pill:hover{ transform: translateY(-3px); border-color: rgba(0,255,255,.28); background: linear-gradient(135deg, rgba(0,255,255,.10), rgba(0,255,119,.10)); box-shadow: 0 60px 180px -24px rgba(0,255,255,.45), 0 0 0 1px rgba(0,255,255,.08) inset;}.feature-pill:hover::before{ opacity:.8; }.fp-icon{ flex:0 0 38px; height:38px; width:38px; display:grid; place-items:center; border-radius:10px; background: radial-gradient(circle at 30% 30%, var(--neon1), var(--neon2)); color:#000; font-size:18px; font-weight:700; box-shadow: 0 0 22px rgba(0,255,255,.55), 0 0 36px rgba(0,255,119,.35);}.fp-text{ line-height:1.15; }.fp-text strong{ display:block; font-weight:700; letter-spacing:.2px;}.fp-text small{ display:block; margin-top:3px; color:#a9b6e7; opacity:.9; font-size:.8rem;}/* optional: gently breathe the icon */.feature-pill:hover .fp-icon{ animation: breathe 3s ease-in-out infinite;}@keyframes breathe{ 0%,100%{ transform: scale(1); box-shadow: 0 0 22px rgba(0,255,255,.55), 0 0 36px rgba(0,255,119,.35); } 50%{ transform: scale(1.05); box-shadow: 0 0 32px rgba(0,255,255,.85), 0 0 48px rgba(0,255,119,.55); }}/* keep your tagline tidy under the new grid */.highlight-tagline{ margin-top:10px; font-size:.85rem; color:#a9b6e7; font-style:italic; opacity:.9; text-align:center;}.highlight-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px;}.feature-pill { flex: 1 1 220px; max-width: 240px;}/* Make last item centered on its own row */.feature-pill:last-child { flex-basis: 100%; display: flex; justify-content: center;}/* Hide all top badges except MOST POPULAR */.membership-badge:not(.membership-popular) { display: none !important;}/* Hide top category tags in shop cards */.shop-card-badge { display: none !important;}/* PRICING NEO (polished, compact, consistent) */#pricing-neo .pricing-head{ display:flex; align-items:center; justify-content:space-between; gap:16px;}#pricing-neo .pricing-head h2{ margin:0; }/* toggle */#pricing-neo .billing-toggle{display:flex; align-items:center; gap:10px; font-weight:600;}#pricing-neo .billing-toggle .save{color:var(--neon2); font-style:normal; font-weight:700;}#pricing-neo .switch{position:relative; width:54px; height:28px;}#pricing-neo .switch input{display:none;}#pricing-neo .switch .slider{ position:absolute; inset:0; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(0,255,255,.25); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);}#pricing-neo .switch .slider::after{ content:; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:linear-gradient(135deg,var(--neon1),var(--neon2)); box-shadow:0 0 16px rgba(0,255,200,.6); transition: transform .25s;}#pricing-neo .switch input:checked + .slider::after{ transform: translateX(26px); }/* grid — force 3x2 at large to reduce page length */#pricing-neo .pricing-grid{ display:grid; gap:16px; margin-top:16px; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); grid-auto-rows: 1fr;}@media (min-width:1100px){ #pricing-neo .pricing-grid{ grid-template-columns: repeat(3,1fr); }}/* plan card */#pricing-neo .plan{ position:relative; isolation:isolate; border-radius:16px; padding:14px 12px 12px; background: rgba(255,255,255,.03); border:1px solid rgba(0,255,255,.14); box-shadow: 0 30px 110px -20px rgba(0,255,255,.22); display:flex; flex-direction:column; min-height: 240px; /* shorter */ transition: transform .28s cubic-bezier(.22,.08,.54,1), box-shadow .35s, border-color .35s;}#pricing-neo .plan:hover{ transform: translateY(-3px); box-shadow: 0 60px 160px -20px rgba(0,255,255,.38); border-color: rgba(0,255,255,.28);}/* subtle glow only, not a color block */#pricing-neo .plan::before{ content:; position:absolute; inset:-1px; border-radius:inherit; z-index:0; background: conic-gradient(from 180deg,var(--neon1),transparent 30%,var(--neon2),transparent 70%,var(--neon1)); filter: blur(18px); opacity:.18; pointer-events:none; mix-blend-mode:screen;}/* accents */#pricing-neo .plan.popular{ background: linear-gradient(135deg, rgba(0,255,255,.06), rgba(0,255,119,.06)); }#pricing-neo .plan.accent{ background: linear-gradient(135deg, rgba(0,255,255,.05), rgba(0,255,119,.05)); }/* ribbon */#pricing-neo .ribbon{ position:absolute; top:10px; right:10px; z-index:2; padding:7px 12px; border-radius:999px; font-size:.68rem; font-weight:800; letter-spacing:.5px; color:#000; background: linear-gradient(135deg,#00ff77,#00ffff); box-shadow:0 18px 58px -12px rgba(0,255,200,.55);}/* head — make tier name blend with the card (no chip) */#pricing-neo .plan-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; z-index:1;}#pricing-neo .plan-head .pill{ padding:0; border:0; background:transparent; backdrop-filter:none; font-size:1rem; font-weight:800; letter-spacing:.3px; color:#eaf3ff; opacity:.95;}#pricing-neo .price{ display:flex; align-items:baseline; gap:6px; }#pricing-neo .price .num{ font-weight:900; font-size:1.35rem; color:var(--neon2); }#pricing-neo .price .per{ opacity:.75; font-size:.9rem; }/* features — airy but compact */#pricing-neo .features{ list-style:none; padding:8px 0 0; margin:0; z-index:1; }#pricing-neo .features li{ position:relative; padding-left:18px; margin:6px 0; font-size:.93rem; line-height:1.45;}#pricing-neo .features li::before{ content:; position:absolute; left:0; top:.65em; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--neon2),var(--neon1)); box-shadow:0 0 10px rgba(0,255,200,.45);}/* clamp long lists */#pricing-neo .features.clamp{ --clamp: 110px; max-height: var(--clamp); overflow:hidden; -webkit-mask-image: linear-gradient(180deg,#fff 70%, transparent); mask-image: linear-gradient(180deg,#fff 70%, transparent); transition:max-height .3s ease;}#pricing-neo .plan.open .features.clamp{ max-height: 460px; -webkit-mask-image:none; mask-image:none; }/* small note — hidden until expanded to keep heights equal */#pricing-neo .note{ margin:6px 0 0; font-size:.78rem; color:#cfe6ff; background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:8px 10px; display:none;}#pricing-neo .plan.open .note{ display:block; }/* CTA */#pricing-neo .cta{ margin-top:auto; align-self:stretch; display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:10px; font-weight:900; letter-spacing:.4px; background: linear-gradient(135deg,var(--neon1),var(--neon2)); color:#000; box-shadow:0 24px 90px -12px rgba(0,255,200,.42); transition: transform .22s, filter .22s; font-size:.95rem;}#pricing-neo .cta:hover{ transform: translateY(-2px); filter:brightness(1.07); }/* ---- Upgrades popover (no card stretching) ---- */#pricing-neo .plan{ overflow: visible; } /* let the popover float outside */#pricing-neo .more{ margin-top:6px; appearance:none; background:transparent; border:0; color:var(--neon1); font-weight:800; padding:6px 0; cursor:pointer; border-radius:8px;}#pricing-neo .more:hover{ filter:brightness(1.1); }#pricing-neo .more:focus-visible{ outline:2px solid var(--neon1); outline-offset:4px; }/* floating drawer */#pricing-neo .benefits-pop{ position:absolute; left:12px; right:12px; bottom:60px; /* sits above CTA */ border-radius:14px; background: rgba(16,20,35,.98); border:1px solid rgba(0,255,255,.18); box-shadow:0 30px 120px -20px rgba(0,255,255,.5), inset 0 0 0 1px rgba(255,255,255,.04); padding:12px 14px; max-height:220px; /* controlled height, no page stretch */ overflow:auto; opacity:0; visibility:hidden; transform: translateY(8px); transition: opacity .25s ease, transform .25s ease, visibility .25s; z-index:5;}#pricing-neo .benefits-pop.open{ opacity:1; visibility:visible; transform: translateY(0); }#pricing-neo .benefits-pop h4{ margin:0 0 6px; font-size:.85rem; letter-spacing:.4px; text-transform:uppercase; color:#9fdfff; }#pricing-neo .benefits-pop ul{ list-style:none; margin:0; padding:0; }#pricing-neo .benefits-pop li{ position:relative; padding-left:18px; margin:6px 0; font-size:.92rem; }#pricing-neo .benefits-pop li::before{ content:; position:absolute; left:0; top:.65em; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--neon2),var(--neon1)); box-shadow:0 0 10px rgba(0,255,200,.45);}/* close button */#pricing-neo .benefits-pop .close-pop{ position:absolute; top:8px; right:8px; appearance:none; background:transparent; border:0; color:#bfe9ff; font-weight:900; cursor:pointer; padding:4px 6px;} /style> style> #sticky-aim-showcase .sa-vid-wrap{ position:relative; margin:0 auto 30px; border-radius:20px; overflow:hidden; background: radial-gradient(1200px 600px at 10% 0%, rgba(0,255,255,.10), transparent 60%), radial-gradient(900px 500px at 90% 100%, rgba(0,255,119,.08), transparent 60%), rgba(10,12,20,.85); box-shadow: 0 40px 120px -20px rgba(0,255,255,.30), inset 0 0 0 1px rgba(0,255,255,.10); transition: transform .28s cubic-bezier(.22,.08,.54,1), box-shadow .35s; } #sticky-aim-showcase .sa-vid-wrap:hover{ transform: translateY(-2px); box-shadow: 0 60px 160px -24px rgba(0,255,255,.45), inset 0 0 0 1px rgba(0,255,255,.14); } #sticky-aim-showcase video{ display:block; width:100%; height:auto; border:none; outline:none; filter: contrast(1.04) saturate(1.06); background: transparent; } /style> style> @import url(https://fonts.googleapis.com/css2?familyOrbitron:wght@500&displayswap); /* container */ #assistBox { position: relative; width: 100%; max-width: 700px; height: 360px; margin: 0 auto; background: rgba(15,16,22,0.95); border: 2px solid #00ffff; border-radius: 16px; overflow: hidden; box-shadow: 0 25px 60px -10px rgba(0,255,255,0.3); } /* enemy target */ #assistTarget { position: absolute; width: 32px; height: 32px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ff5b5b, #990000); box-shadow: 0 0 28px rgba(255,61,61,0.8); animation: moveTarget 6s infinite ease-in-out; } @keyframes moveTarget { 0% { top: 60px; left: 60px; } 25% { top: 160px; left: 320px; } 50% { top: 120px; left: 500px; } 75% { top: 240px; left: 180px; } 100% { top: 60px; left: 60px; } } /* assist crosshair */ #assistCrosshair { position: absolute; width: 28px; height: 28px; border: 3px solid #00ff77; border-radius: 50%; pointer-events: none; box-shadow: 0 0 20px #00ff77cc; transform: translate(-50%, -50%); transition: left .1s ease, top .1s ease; z-index: 20; } /* locked indicator */ #assistLocked { position: absolute; top: 10px; right: 14px; padding: 6px 14px; background: rgba(0,255,119,0.9); color: #000; font-weight: 700; font-family: Orbitron, sans-serif; border-radius: 6px; font-size: 0.7rem; letter-spacing: 1px; opacity: 0; pointer-events: none; transform: scale(.9); transition: opacity .2s, transform .2s; z-index: 30; } /* button */ .assist-btn { background: linear-gradient(135deg,#00ffff,#0077ff); border: none; padding: 12px 32px; border-radius: 10px; cursor: pointer; font-family: Orbitron, sans-serif; font-weight: 600; color: #000; margin-top: 12px; box-shadow: 0 0 22px rgba(0,255,255,.6); transition: transform .25s ease, filter .25s ease; } .assist-btn:hover { transform: scale(1.05); filter: brightness(1.1); }/* Upgrades tier styling */.membership-card.upgrades { background: linear-gradient(135deg, rgba(0,255,255,.06), rgba(0,255,119,.06)); border: 1px solid rgba(0,255,255,.18);}/* Nicer bullet list for the tier */.feature-list { list-style:none; padding-left:0; margin:10px 0 14px; }.feature-list li { position:relative; padding-left:22px; margin:6px 0; font-size:.92rem;}.feature-list li::before{ content:; position:absolute; left:0; top:.65em; width:8px; height:8px; border-radius:50%; background: var(--neon2); box-shadow: 0 0 12px rgba(0,255,119,.8);}/* small note box */.small-note{ background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius:10px; padding:10px 12px; font-size:.82rem; color:#cfe6ff; margin:6px 0 14px;}/* 1) Make all tier cards the same height + clean layout */.membership-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:18px;}.membership-card{ height:100%; padding:20px 16px 18px;}.membership-content{ display:grid; grid-template-rows:auto auto 1fr auto; gap:8px;}/* 2) Unify feature list style across ALL cards */.membership-features{ margin:8px 0 0; padding:0; list-style:none; }.membership-features li{ position:relative; padding-left:20px; margin:8px 0 6px; font-size:.92rem;}.membership-features li::before{ content:; position:absolute; left:0; top:.6em; width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,var(--neon2),var(--neon1)); box-shadow:0 0 10px rgba(0,255,200,.5);}/* 3) Upgrades card subtle theming (keeps it special but consistent) */.membership-card.upgrades{ background: linear-gradient(135deg, rgba(0,255,255,.06), rgba(0,255,119,.06)); border: 1px solid rgba(0,255,255,.18);}.membership-card.upgrades .membership-price{ color:#00ffd0; }.membership-card.upgrades .small-note{ margin-top:8px; font-size:.8rem; }/* 4) Stop hiding the small tier labels (you currently nuke them) */.membership-badge{ display:inline-flex !important; }/* 5) Give CTA a little breathing room, same on every card */.membership-button{ margin-top:16px; } /style>style idquick-fixes>/* Quick fixes (pricing + footer gap) */#pricing-neo .pricing-head { align-items: center; }#pricing-neo .price .num { color: var(--neon2); }#reviews.section, section.reviews { padding-bottom: 18px !important; margin-bottom: 0 !important; }.footer { margin-top: 0 !important; padding-top: 10px !important; padding-bottom: 14px !important; }.review-carousel-wrapper { margin-bottom: 0 !important; }/style>!-- Footer + bottom spacing fixes -->style idstickyFooterFix> /* Keep footer at bottom on short pages */ html, body { min-height: 100%; } body { display: flex; flex-direction: column; min-height: 100vh; } footer.footer { margin-top: auto !important; } /* Reduce extra space above the footer coming from the last section */ .section:last-of-type { padding-bottom: 24px !important; margin-bottom: 0 !important; } #reviews.section, section.reviews { padding-bottom: 8px !important; margin-bottom: 0 !important; } .review-carousel-wrapper { margin-bottom: 0 !important; } /* Make the footer compact */ .footer { padding: 12px 0 !important; margin-top: 0 !important; background: rgba(15,18,32,.92); } .footer .social-links { margin-bottom: 6px !important; }/style>style idfooterFinalFix> /* Final sticky footer fix */ html, body { height: 100%; } body { display: flex; flex-direction: column; min-height: 100vh; } #pageContent { flex: 1 0 auto; } footer, .footer { height: auto !important; min-height: 0 !important; } footer .container { margin: 0 auto; max-width: 1180px; display: flex; align-items: center; justify-content: center; gap: 28px; flex-wrap: wrap; } /* Trim extra space inside the reviews section above the footer */ #reviews.section { padding-bottom: 20px !important; } /* LOADER STYLES */#loader { position: fixed; inset: 0; background: radial-gradient(circle at 30% 30%, #020202, #0a0a0a 80%); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 99999; transition: opacity 0.8s ease, visibility 0.8s ease;}#loader.hidden { opacity: 0; visibility: hidden;}.loader-logo { font-family: Montserrat, sans-serif; font-size: 2.2rem; font-weight: 700; color: #00ffff; text-shadow: 0 0 18px #00ffff, 0 0 36px #00ff77; margin-bottom: 20px;}.loader-logo span { color: #00ff77;}.loader-bar { width: 140px; height: 4px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; position: relative;}.loader-bar::after { content: ; position: absolute; top: 0; left: -40%; width: 40%; height: 100%; background: linear-gradient(135deg, #00ffff, #00ff77); animation: load-anim 1.2s infinite; border-radius: 4px; box-shadow: 0 0 18px #00ffff, 0 0 30px #00ff77;}@keyframes load-anim { 0% { left: -40%; } 50% { left: 100%; } 100% { left: 100%; }} /* price strike-through for monthly -> yearly view */#pricing-neo .price .was { opacity: .6; text-decoration: line-through; margin-right: 6px; color: #cfe6ff;}/* ---- Sticky footer fix (final) ---- */html, body { height: 100%; }body { min-height: 100vh; display: flex; flex-direction: column;}/* Your content wrapper must flex to fill remaining space */main#pageContent { flex: 1 0 auto; }/* Footer sits at the bottom */footer.footer { margin-top: auto !important; }/* Remove any extra bottom padding/margin from the last section */.section:last-of-type,section:last-of-type { padding-bottom: 0 !important; margin-bottom: 0 !important;}/* Kill accidental margins that can create a gap */body > footer.footer { margin-bottom: 0 !important; }/* Uniform, single-tone cards with consistent glow texture */:root { --card-solid:#0f1420; } /* adjust if you want darker/lighter *//* Base: one solid color on ALL pricing/membership cards */#pricing-neo .plan,#pricing-neo .plan.popular,#pricing-neo .plan.accent,.membership-card,.membership-card.upgrades { background-color: var(--card-solid) !important; background-image: none !important; /* kill gradients causing 2nd color */ position: relative; overflow: hidden;}/* Remove any old glow overlays that add stray bands */#pricing-neo .plan::before,.membership-card.popular::before { display: none !important;}/* Add the SAME subtle glow texture to every card (uniform across all) */#pricing-neo .plan::after,.membership-card::after { content:; position:absolute; inset:0; pointer-events:none; background: radial-gradient(1200px 600px at 15% 0%, rgba(0,255,255,.06), transparent 60%), radial-gradient(900px 500px at 85% 100%, rgba(0,255,119,.05), transparent 60%); opacity:.9; /* tweak 0.6–1.0 for more/less glow */ mix-blend-mode: screen; /* keeps the neon feel without changing the base tone */}/* Keep borders consistent and subtle */#pricing-neo .plan, .membership-card { border:1px solid rgba(0,255,255,.14); box-shadow: 0 30px 110px -20px rgba(0,255,255,.18);}/* Make sure no header strip uses its own background */#pricing-neo .plan-head,#pricing-neo .price { background: none !important; } /* Adjust header text alignment for membership cards */#pricing-neo .plan-head { display: flex; flex-direction: column; align-items: flex-start; /* keeps text left-aligned */ justify-content: flex-start; /* push text up */ padding-top: 10px !important; /* adjust up (try 8–12px) */ padding-bottom: 5px !important;}#pricing-neo .plan-head h3, /* title (Supporter, Pro, etc) */#pricing-neo .plan-head .price { margin: 0 !important; /* remove excess gaps */ line-height: 1.2; /* tighter line spacing */}#pricing-neo .plan-head .price { margin-top: 4px !important; /* small controlled gap below title */}/* Perks row: 5-in-a-row always, scroll on mobile */.features-row { display: flex; gap: 18px; justify-content: center; /* full row on wide screens */ align-items: stretch; overflow-x: auto; /* enable horizontal scroll on small screens */ overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 6px 8px 10px; /* room for the scrollbar */}/* Each card */.features-row .feature-card { scroll-snap-align: start; border-radius: 14px; flex: 0 0 calc((100% - 4*18px) / 5); /* 5 equal columns on desktops */ max-width: 280px; /* keep nice width on big screens */}/* On small screens: keep one row; make it swipe/scroll */@media (max-width: 900px) { .features-row { justify-content: flex-start; /* start-left for scrolling */ } .features-row .feature-card { flex: 0 0 260px; /* fixed card width for smooth snapping */ }}/* (Optional) hide scrollbar visuals while keeping scroll */.features-row::-webkit-scrollbar { height: 6px; }.features-row::-webkit-scrollbar-thumb { background: rgba(255,255,255,.08); border-radius: 999px; } /* Sexy Reviews v2 *//* wrapper: add gradient fade at edges on desktop for depth */.review-carousel-wrapper { position: relative; isolation: isolate; padding-block: 6px;}@media (min-width: 900px) { .review-carousel-wrapper::before, .review-carousel-wrapper::after{ content:; position:absolute; top:0; bottom:0; width:70px; z-index:2; pointer-events:none; } .review-carousel-wrapper::before{ left:0; background: linear-gradient(90deg, rgba(5,7,11,1), rgba(5,7,11,0)); } .review-carousel-wrapper::after{ right:0; background: linear-gradient(270deg, rgba(5,7,11,1), rgba(5,7,11,0)); }}/* track: momentum, snap, no scrollbar */.review-carousel{ display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; padding: 8px 6px 14px; -webkit-overflow-scrolling: touch; scrollbar-width: none; mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);}.review-carousel::-webkit-scrollbar{ display:none; }/* card: glass, depth, tilt on hover */.review-card{ position:relative; flex:0 0 clamp(280px, 32vw, 360px); scroll-snap-align:start; background: rgba(20,24,38,.75); border:1px solid rgba(0,255,255,.14); border-radius:18px; padding:18px 18px 16px; backdrop-filter: blur(14px) saturate(120%); box-shadow: 0 40px 140px -24px rgba(0,255,255,.35); transition: transform .3s cubic-bezier(.22,.08,.54,1), box-shadow .35s, border-color .3s; transform-style: preserve-3d;}.review-card::after{ content:; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: radial-gradient(800px 400px at 10% -10%, rgba(0,255,255,.10), transparent 60%), radial-gradient(600px 300px at 110% 120%, rgba(0,255,119,.08), transparent 60%); mix-blend-mode: screen;}.review-card:hover{ transform: translateY(-6px) rotateX(1.2deg) rotateY(-1.2deg); box-shadow: 0 80px 220px -24px rgba(0,255,255,.5); border-color: rgba(0,255,255,.28);}/* avatar: neon ring + soft glow */.avatar-wrapper{ position:relative; width:56px; height:56px; flex-shrink:0; }.avatar{ width:100%; height:100%; border-radius:50%; object-fit:cover; }.avatar-ring{ position:absolute; inset:-2px; border-radius:50%; padding:2px; background: conic-gradient(from 160deg, var(--neon1), var(--neon2), var(--neon1)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; filter: drop-shadow(0 0 18px rgba(0,255,200,.6)); animation: pulse-ring 5s ease-in-out infinite;}@keyframes pulse-ring { 0%,100%{opacity:.9} 50%{opacity:1} }/* header */.review-card .head{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }.review-card .username{ font-weight:800; letter-spacing:.2px; background: linear-gradient(135deg,var(--neon1),var(--neon2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}.review-card .timestamp{ color:#9bb3d8; }/* message */.review-card .message-text{ margin:4px 0 8px; color:#eaf3ff; line-height:1.45; font-size:.96rem;}/* rating: star row using emoji or inline SVG is fine */.review-card .rating{ color:#ffd44d; letter-spacing:2px; }/* like button: cleaner pill */.like-btn{ background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:999px; padding:6px 12px; gap:6px;}.like-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); }/* arrows */.carousel-btn{ z-index:3; width:44px; height:44px; border-radius:50%; background: rgba(5,7,11,.7); border:1px solid rgba(0,255,255,.18);}.carousel-btn:hover{ background: linear-gradient(135deg, var(--neon1), var(--neon2)); color:#000;}/* pagination dots */.review-dots{ display:flex; justify-content:center; gap:8px; margin-top:8px;}.review-dots button{ width:8px; height:8px; border-radius:50%; border:0; cursor:pointer; background: rgba(255,255,255,.18); transition: transform .2s, background .2s;}.review-dots button.active{ background: linear-gradient(135deg,var(--neon1),var(--neon2)); box-shadow: 0 0 16px rgba(0,255,255,.7); transform: scale(1.2);}/* --- Reviews: blend into background (glass/ghost cards) --- *//* 1) Remove the heavy side fades from the wrapper */.review-carousel-wrapper::before,.review-carousel-wrapper::after { display:none !important; }/* 2) Track: no solid backgrounds, just content */.review-carousel { background: transparent !important; mask-image: none !important;}/* 3) Card: lighter, transparent glass with soft inner stroke, no heavy shadow */.review-card{ background: rgba(14, 18, 28, 0.28) !important; /* more see-through */ backdrop-filter: blur(10px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); border: 1px solid rgba(0,255,255,0.14); box-shadow: none !important; /* kill big drop shadow */ position: relative; overflow: hidden;}/* 4) Feather the card edges so it visually melts into the bg */.review-card::before{ content:; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none; background: radial-gradient(120% 120% at 50% 0%, rgba(0,255,255,.05), transparent 60%), radial-gradient(120% 120% at 100% 100%, rgba(0,255,119,.05), transparent 60%); mix-blend-mode: screen; opacity:.9;}/* 5) Edge fade overlay (soft vignette) — removes hard rectangle feeling */.review-card::after{ content:; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background: radial-gradient(120% 120% at 50% 50%, transparent 55%, rgba(0,0,0,.25) 100%); opacity:.45; /* lower if too strong */}/* 6) Subtle inner highlight instead of outer shadow */.review-card { box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }/* 7) Buttons & like pill: even softer */.carousel-btn{ background: rgba(8,10,14,.6) !important; border: 1px solid rgba(0,255,255,.14) !important; box-shadow: none !important;}.like-btn{ background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.07) !important;} /* Heart liked state */.like-btn.liked { background: linear-gradient(135deg, var(--neon1), var(--neon2)) !important; color:#001214; border-color: transparent !important;}.like-btn.liked .heart { filter: drop-shadow(0 0 10px rgba(0,255,200,.7)); }.like-btndisabled { cursor: default; opacity: .95; }/* Typography System (sexy + clean) */:root{ --ff-body: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --ff-display: Sora, Montserrat, system-ui, -apple-system, sans-serif; --ff-numeric: Space Grotesk, Sora, system-ui, sans-serif;}/* global readability & micro-type */html, body{ font-family: var(--ff-body); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: .01em;}/* HEADLINES & PRIMARY UI */h1, h2, h3,header .logo,nav a,.btn, .btn-outline,#pricing-neo .cta,.shop-btn,.membership-button,.membership-popular,#pricing-neo .ribbon,.faq-question,.qa-card .question-preview,.section h2 { font-family: var(--ff-display) !important; font-weight: 700; letter-spacing: .2px;}/* HERO title a touch heavier for drama */.hero h1 { font-family: var(--ff-display) !important; font-weight: 800; }/* BODY text stays ultra-clean */.section .description,.message-text,.answer-preview,.faq-answer p,.shop-sub,.small, p, li { font-family: var(--ff-body) !important; }/* NUMBERS / PRICES / COUNTERS (sexy digits) */#pricing-neo .price .num,.membership-price,.pill .num,.score .value,.like-btn .count,.hud .value,.meter .value { font-family: var(--ff-numeric) !important; font-weight: 700; font-variant-numeric: tabular-nums lining-nums; /* perfect alignment */ letter-spacing: .15px;}/* NAV looks tighter with semi-bold */nav a { font-weight: 600; }/* Keep your game HUD in Orbitron (already set elsewhere) */.hud, .assist-btn { font-family: Orbitron, sans-serif !important; }/* Subheads & badges a hair more refined */.membership-content h3,.shop-title,#pricing-neo .plan-head .pill { font-family: var(--ff-display) !important; font-weight: 700;}/* Tiny labels look better uppercase and spaced */.membership-badge,#pricing-neo .ribbon,.membership-popular,.answer-header .label { text-transform: uppercase; letter-spacing: .6px;}/* Optional: gradient headline flair — subtle */.section h2 { background: linear-gradient(135deg, var(--neon1), var(--neon2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}/* Sexy Neon Intro */#intro{ position:fixed; inset:0; z-index:99999; background: radial-gradient(1200px 800px at 20% 10%, #0a1116 0%, #070b0f 40%, #05080c 100%); display:grid; place-items:center; transition: opacity .8s ease, visibility .8s ease;}#intro.hidden{ opacity:0; visibility:hidden; }/* inner glass card */#intro .intro-inner{ position:relative; padding:36px 40px 26px; border-radius:18px; background: rgba(15,23,32,.22); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border:1px solid rgba(0,255,255,.18); box-shadow: 0 40px 140px -24px rgba(0,255,255,.35);}/* logo */#intro .intro-logo{ margin:0 0 14px 0; font-family:Sora,system-ui,sans-serif; /* from earlier font setup */ font-weight:800; font-size: clamp(28px, 6vw, 54px); letter-spacing:.2px; color:#bffcff; text-shadow: 0 0 18px rgba(0,255,255,.7), 0 0 36px rgba(0,255,119,.35);}#intro .intro-logo span{ color:#00ffd0; filter: drop-shadow(0 0 10px rgba(0,255,180,.6));}/* meter */#intro .intro-meter{ position:relative; width:min(360px, 62vw); height:8px; background: rgba(255,255,255,.08); border-radius:999px; overflow:hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.06);}#intro .intro-fill{ position:absolute; inset:0; width:0%; background: linear-gradient(90deg,#00ffd0,#00ffa3,#00ffd0); box-shadow: 0 0 24px rgba(0,255,200,.6); border-radius:inherit; transition: width .2s ease;}#intro .intro-glow{ position:absolute; inset:-12px; pointer-events:none; background: radial-gradient(300px 120px at var(--x,10%) 50%, rgba(0,255,200,.35), transparent 60%); filter: blur(8px); opacity:.6;}/* percent + skip */#intro .intro-percent{ margin-top:10px; text-align:center; font-family:Space Grotesk,system-ui,sans-serif; font-weight:700; color:#e9faff; letter-spacing:.5px; text-shadow:0 0 10px rgba(0,255,255,.4);}#intro .intro-skip{ position:absolute; right:12px; top:12px; background: rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:#dff; border-radius:999px; padding:6px 12px; font-weight:600; font-size:.85rem; cursor:pointer;}#intro .intro-skip:hover{ background: rgba(255,255,255,.12); }/* reduced motion: tone down */@media (prefers-reduced-motion: reduce){ #intro .intro-fill{ transition:none; } #intro .intro-logo{ text-shadow:none; }}/* Center the intro and keep canvas from pushing content */#intro{ position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; /* -- perfect center */ background: radial-gradient(1200px 800px at 20% 10%, #0a1116 0%, #070b0f 40%, #05080c 100%); transition: opacity .8s ease, visibility .8s ease;}#intro.hidden{ opacity:0; visibility:hidden; }/* Make the particles canvas a background layer */#intro #intro-particles{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0;}/* Keep the card above the canvas */#intro .intro-inner{ position: relative; z-index: 1; } /* Keep intro perfectly centered, with an opaque backdrop */#intro{ position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; /* solid base + glow gradient (no transparency bleeding) */ background: radial-gradient(1200px 800px at 20% 10%, #0a1116 0%, #070b0f 40%, #05080c 100%), #05080c; transition: opacity .8s ease, visibility .8s ease;}#intro.hidden{ opacity:0; visibility:hidden; }/* Hide the site-wide particle canvas while the intro is up */#intro:not(.hidden) ~ #tsparticles{ opacity: 0; visibility: hidden;}/* Alternative: using a body class */body.intro-open #tsparticles{ opacity:0; visibility:hidden; }/* Sexy Neon Scrollbar (Chromium / Edge / Safari) *//* Keep layout stable when scrollbar appears */html { scrollbar-gutter: stable both-edges; }/* Base size (auto-widens on hover), rounded track */*::-webkit-scrollbar{ width: 10px; height: 10px; background: transparent;}body:hover *::-webkit-scrollbar{ width: 12px; height: 12px; }*::-webkit-scrollbar-track{ background: linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.2)); border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);}/* Neon pill thumb with inner border and glow */*::-webkit-scrollbar-thumb{ background: linear-gradient(180deg, #00ffd0, #00e4ff); border-radius: 999px; background-clip: padding-box; border: 3px solid transparent; /* creates the “pill” inset */ box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 0 14px rgba(0,255,220,.55); /* outer glow */}*::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg, #5fffe4, #55e6ff); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 18px rgba(0,255,220,.7);}*::-webkit-scrollbar-thumb:active{ background: linear-gradient(180deg, #22f2bf, #22cfff); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 10px rgba(0,255,220,.5);}*::-webkit-scrollbar-corner{ background: transparent; }/* Firefox *//* Firefox can’t do gradients on scrollbars; use solid neon + dark track */@supports (scrollbar-color: auto){ :root{ scrollbar-color: #00e7d6 #0b1118; /* thumb color / track color */ scrollbar-width: thin; /* thin | auto | none */ }}/* Touch devices: keep it slim */@media (pointer: coarse){ *::-webkit-scrollbar{ width: 8px; height: 8px; }}/* Smooth anchor scrolling for the whole site */html { scroll-behavior: smooth; }/* Prevent accidental horizontal scrollbars anywhere */html, body { overflow-x: hidden; } /* Kill all horizontal leaks */html, body { overflow-x: hidden; margin: 0; padding: 0;}/* Make sure full-page sections don’t overshoot */section, div, header, footer { max-width: 100%; box-sizing: border-box;}/* Fix 100vw bug (vw includes scrollbar in Chrome/Edge) */.full-width { width: 100%;}/* ---- Back to top (sexy neon pill) ---- */.to-top.neon{ --bg: rgba(255,255,255,.06); --bd: rgba(0,255,255,.18); --glow: rgba(0,255,220,.45); display:inline-flex; align-items:center; gap:.55rem; padding:.65rem 1rem; border-radius:12px; border:1px solid var(--bd); background: linear-gradient(135deg, rgba(0,255,255,.10), rgba(0,255,119,.10)); color:#eaf3ff; font-weight:800; letter-spacing:.2px; cursor:pointer; position:relative; isolation:isolate; box-shadow: 0 18px 60px -16px var(--glow), inset 0 0 0 1px rgba(255,255,255,.04); transition: transform .22s, filter .22s, box-shadow .28s, border-color .28s;}.to-top.neon .ico{ display:grid; place-items:center; width:1.6rem; height:1.6rem; border-radius:10px; background: radial-gradient(circle at 30% 30%, var(--neon1), var(--neon2)); color:#021; box-shadow: 0 0 22px rgba(0,255,255,.55), 0 0 36px rgba(0,255,119,.35);}.to-top.neon .shine{ content:; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; background: conic-gradient(from 220deg, transparent, rgba(0,255,255,.25), rgba(0,255,119,.25), transparent 70%); filter: blur(16px); opacity:.35; transition: opacity .25s;}.to-top.neon:hover{ transform: translateY(-2px); filter: brightness(1.07); border-color: rgba(0,255,255,.28); box-shadow: 0 30px 110px -20px rgba(0,255,255,.55);}.to-top.neon:active{ transform: translateY(0); }/* floating variant (optional) */.to-top.floaty{ position: fixed; right: 22px; bottom: 22px; z-index: 1000; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .25s, transform .25s, visibility .25s;}.to-top.floaty.show{ opacity:1; visibility:visible; transform: translateY(0); }/* reduced motion */@media (prefers-reduced-motion: reduce){ .to-top.neon, .to-top.floaty{ transition:none; }}/* Footer bottom layout */.footer-bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:16px; border-top:1px solid rgba(255,255,255,.06);}/* copyright text */.footer-bottom .copyright{ margin:0; color:#cfe7ef; font-weight:600; letter-spacing:.3px; opacity:.9;}/* mobile stacking */@media (max-width: 720px){ .footer-bottom{ flex-direction:column; align-items:stretch; gap:12px; } .footer-bottom .to-top{ align-self:flex-start; } .footer-bottom .copyright{ text-align:center; width:100%; }}/* Footer bottom layout + neon button polish */.footer-bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:16px; border-top:1px solid rgba(255,255,255,.06); flex-wrap:wrap;}.footer-bottom .copyright{ margin:0; color:#cfe7ef; font-weight:600; letter-spacing:.3px; opacity:.9;}/* reuse your existing neon button but ensure it looks great here */.footer-bottom .to-top.neon{ --bd: rgba(0,255,255,.18); --glow: rgba(0,255,220,.45); display:inline-flex; align-items:center; gap:.55rem; padding:.65rem 1rem; border-radius:12px; border:1px solid var(--bd); background: linear-gradient(135deg,var(--neon1),var(--neon2)); color:#001; font-weight:900; letter-spacing:.2px; box-shadow: 0 18px 60px -16px var(--glow); position:relative; isolation:isolate; transition: transform .22s, filter .22s, box-shadow .28s, border-color .28s;}.footer-bottom .to-top.neon .ico{ display:grid; place-items:center; width:1.6rem; height:1.6rem; border-radius:10px; background:#0012; color:#001;}.footer-bottom .to-top.neon .shine{ content:; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; background: conic-gradient(from 220deg, transparent, rgba(0,255,255,.25), rgba(0,255,119,.25), transparent 70%); filter: blur(16px); opacity:.35; transition: opacity .25s;}.footer-bottom .to-top.neon:hover{ transform: translateY(-2px); filter: brightness(1.07); border-color: rgba(0,255,255,.28); box-shadow: 0 30px 110px -20px rgba(0,255,255,.55);}@media (max-width:720px){ .footer-bottom{ flex-direction:column; align-items:stretch; gap:12px; } .footer-bottom .to-top.neon{ align-self:flex-start; } .footer-bottom .copyright{ text-align:center; width:100%; }}/* Smooth anchors site-wide (safe) */html { scroll-behavior: smooth; }.footer { background: #0a0a0f; text-align: center; padding: 40px 20px; border-top: 1px solid rgba(255,255,255,0.1);}.footer-links { margin: 20px 0;}.footer-links a { margin: 0 12px; color: #00ffe7; font-size: 14px; text-decoration: none; transition: 0.3s;}.footer-links a:hover { color: #ff2fff; text-shadow: 0 0 8px #ff2fff;}.copyright { margin-top: 10px; font-size: 13px; color: #aaa;}.shop-item > div:first-child,.shop-card-badge { display: none !important; }/* D3tx header (matches home.html) */:root{ /* needed for logo accent + text color */ --neon1:#00ffff; --neon2:#00ff77; --text:#f0f4fd;}/* container used site-wide on home.html */.container{width:100%; max-width:1180px; margin:0 auto; padding:0 16px; position:relative; z-index:2;}header{ position:sticky; top:0; z-index:99; backdrop-filter: blur(12px); background: rgba(15,18,32,.75); padding:12px 0; font-family: Montserrat, sans-serif; /* exact family for the logo */}/* flex row with logo + nav */.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:12px}/* the “D3tx Services” logo text */.logo{ font-size:1.25rem; /* exact size */ font-weight:700; /* exact weight */ letter-spacing:.5px; /* exact tracking */ display:inline-flex; align-items:center; gap:4px; position:relative; color:var(--text);}.logo span{font-weight:400; margin-left:2px; color:var(--neon2)} /* “Services” mint accent *//* nav links */nav{display:flex; align-items:center; gap:24px}nav ul{display:flex; gap:18px; padding:0; margin:0; list-style:none}nav a{ position:relative; padding:6px 8px; font-size:.9rem; font-weight:600; border-radius:6px; transition:all .3s ease; /* fallback if --transition not defined */ transition:var(--transition);}nav a.active, nav a:hover{ background:linear-gradient(135deg,var(--neon1),var(--neon2)); color:#000; box-shadow:0 0 22px rgba(0,255,255,.4);}/* mobile hamburger (optional – only if you use it) */.hamburger{display:none; flex-direction:column; gap:4px; width:30px; cursor:pointer}.hamburger span{height:3px; background:#fff; border-radius:2px; transition:all .3s}@media (max-width:1024px){ nav{position:fixed; inset:0; background:rgba(15,18,32,.95); flex-direction:column; padding-top:80px; align-items:center; gap:0; transform:translateY(-100%); transition:all .3s ease} nav.open{transform:translateY(0)} nav ul{flex-direction:column; gap:14px} .hamburger{display:flex}}/* Important News Banner (neon glass) */:root { --header-h: 64px; --maxw: 1200px; --accent:#00f5d4; --accent2:#39ffce; --text:#f0f4fd; --glass: rgba(255,255,255,.04); }#news-banner{ position: sticky; top: var(--header-h); display: none; z-index: 80; background: transparent; /* no big red slab */ padding: 8px 0; /* breathing room under header */}#news-banner .news-wrap{ max-width: var(--maxw); margin: 0 auto; padding: 0 18px;}#news-banner .news-card{ color: var(--text); font-weight: 700; line-height: 1.25; padding: 12px 16px; border-radius: 14px; background: linear-gradient(90deg, rgba(0,255,208,.08), var(--glass)); border: 1px solid rgba(0,255,208,.25); box-shadow: 0 6px 18px rgba(0,0,0,.35), 0 0 24px rgba(0,255,208,.18) inset; display: flex; align-items: center; gap: 10px; backdrop-filter: blur(8px);}/* tiny glowing status dot */#news-banner .pulse{ width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent), 0 0 24px var(--accent2); flex: 0 0 10px; position: relative;}#news-banner .pulse::after{ content:; position:absolute; inset:-6px; border-radius:50%; border:2px solid rgba(0,255,208,.35); opacity:.7; animation: ping 1.6s ease-out infinite;}@keyframes ping { 0%{ transform:scale(.8); opacity:.8 } 100%{ transform:scale(1.6); opacity:0 } }#news-banner .title{ font-weight: 800; letter-spacing:.2px; }#news-banner .old-link{ text-decoration: line-through; opacity:.7; }#news-banner a.cta{ padding: 4px 8px; border-radius: 8px; text-decoration: none; color: #001310; background: linear-gradient(90deg, var(--accent), var(--accent2)); box-shadow: 0 0 18px rgba(0,255,208,.35); transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;}#news-banner a.cta:hover{ transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 0 22px rgba(0,255,208,.5);}/* Dark-mode friendly subtle divider (optional) */#news-banner::after{ content:; display:block; height:1px; margin-top:8px; background: linear-gradient(90deg, transparent, rgba(0,255,208,.18), transparent);}/* Important News Banner (neon glass style) */:root { --header-h: 64px; --maxw: 1200px; --accent:#00f5d4; --accent2:#39ffce; --text:#f0f4fd; --glass: rgba(255,255,255,.04); }#news-banner{ position: sticky; top: var(--header-h); display: none; /* stays hidden until JS shows it */ z-index: 80; background: transparent; padding: 8px 0;}#news-banner .news-wrap{ max-width: var(--maxw); margin: 0 auto; padding: 0 18px;}#news-banner .news-card{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center; color: var(--text); font-weight: 600; line-height: 1.4; padding: 12px 16px; border-radius: 12px; background: linear-gradient(90deg, rgba(0,255,208,.08), var(--glass)); border: 1px solid rgba(0,255,208,.25); box-shadow: 0 6px 18px rgba(0,0,0,.35), 0 0 24px rgba(0,255,208,.18) inset; backdrop-filter: blur(8px);}#news-banner .pulse{ width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent), 0 0 24px var(--accent2); flex: 0 0 10px; position: relative;}#news-banner .pulse::after{ content:; position:absolute; inset:-6px; border-radius:50%; border:2px solid rgba(0,255,208,.35); opacity:.7; animation: ping 1.6s ease-out infinite;}@keyframes ping { 0%{ transform:scale(.8); opacity:.8 } 100%{ transform:scale(1.6); opacity:0 } }#news-banner .title{ font-weight: 800; letter-spacing:.2px; }#news-banner .old-link{ text-decoration: line-through; opacity:.7; }#news-banner .cta{ display: inline-block; padding: 6px 12px; border-radius: 8px; font-weight: 700; text-decoration: none; color: #001310; background: linear-gradient(90deg, var(--accent), var(--accent2)); box-shadow: 0 0 18px rgba(0,255,208,.35); transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;}#news-banner .cta:hover{ transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 0 22px rgba(0,255,208,.5);}/* animation states */#news-banner { will-change: transform, opacity; }#news-banner.hide { opacity: 0; transform: translateY(-12px); pointer-events: none; transition: transform .25s ease, opacity .25s ease;}#news-banner.show { opacity: 1; transform: translateY(0); transition: transform .25s ease, opacity .25s ease;}/* respect reduced motion */@media (prefers-reduced-motion: reduce){ #news-banner.hide, #news-banner.show { transition: none; }}/* --- Banner behavior & animations --- */#news-banner{ position: sticky; top: var(--header-h, 64px); z-index: 80; will-change: transform, opacity; transition: transform .28s ease, opacity .28s ease, margin .28s ease;}/* Visible at the very top */#news-banner.show{ opacity: 1; transform: translateY(0); margin-top: 0;}/* Fully slide out + fade when not at top */#news-banner.hide{ opacity: 0; transform: translateY(calc(-100% - 8px)); /* move completely above header */ margin-top: -8px; /* pull space closed so no gap */ pointer-events: none;}/* Respect reduced motion */@media (prefers-reduced-motion: reduce){ #news-banner, #news-banner.show, #news-banner.hide { transition: none; }}/* sentinel is invisible but participates in layout */#banner-sentinel { height: 1px; }.support-contact { margin: 10px 0; font-size: 14px; color: #a9b6e7;}.support-contact a { color: #39ffce; font-weight: 600; text-decoration: none; transition: color 0.2s ease;}.support-contact a:hover { color: #00f5d4;}.support-badge { display: inline-flex; align-items: center; gap: 8px; margin: 12px auto; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: #00f5d4; text-decoration: none; background: rgba(0, 255, 208, 0.08); border: 1px solid rgba(0, 255, 208, 0.3); box-shadow: 0 0 12px rgba(0, 255, 208, 0.25); transition: all 0.25s ease;}.support-badge:hover { background: rgba(0, 255, 208, 0.15); color: #39ffce; box-shadow: 0 0 18px rgba(0, 255, 208, 0.45); transform: translateY(-2px);}/* GLOBAL MOBILE TWEAKS */:root{ /* sensible defaults; JS sets the real header height already */ --header-h: 64px; --container-pad: 16px;}/* iOS notch padding for anything that hugs the top */@supports(padding: max(0px)){ #news-banner { padding-top: max(0px, env(safe-area-inset-top)); }}/* Keep body from horizontal wobble on small screens */html,body{ overflow-x: hidden; }/* HERO: responsive headline */.hero h1,h1.page-hero,#hero-title{ font-size: clamp(28px, 7vw, 64px); line-height: 1.08;}/* NEWS BANNER (mobile) */#news-banner{ z-index: 80; } /* header/nav stays above; banner below */#news-banner .news-wrap{ padding: 0 var(--container-pad); }@media (max-width: 640px){ #news-banner{ padding: 6px 0; } #news-banner .news-card{ gap: 8px; padding: 10px 12px; border-radius: 12px; /* stack nicely */ flex-direction: column; align-items: flex-start; } #news-banner .title{ font-size: 14px; } #news-banner .msg{ font-size: 13px; opacity: .9; } #news-banner .cta{ width: 100%; text-align: center; padding: 8px 10px; border-radius: 10px; font-size: 14px; }}/* Hide banner while the mobile nav is open */.nav-open #news-banner{ display: none !important; }/* HEADER / NAV *//* Make sure header is above banner & content on mobile */header{ position: sticky; top: 0; z-index: 99; }/* If your mobile menu drops over content, give it a higher layer */header .nav, header .menu, header .drawer{ z-index: 100; }/* LAYOUT CONTAINERS */.container,.section-inner,.footer-inner{ padding-left: var(--container-pad); padding-right: var(--container-pad);}/* CARDS / SLIDERS *//* Testimonial/feature cards won’t overflow */.card, .feature, .testimonial-card{ max-width: 100%; box-sizing: border-box;}/* Common carousel fix: readable width on mobile */.slider, .carousel, .cards-row{ scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}.slider > *, .carousel > *, .cards-row > *{ scroll-snap-align: start; min-width: min(88vw, 360px);}/* FOOTER */.footer-social{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px;}.footer-social .social{ padding: 10px 14px; border-radius: 999px; white-space: nowrap;}/* Support button (mailto) neon style kept tight on mobile */.footer-social .socialhref^mailto:{ background: rgba(0,255,208,.08); border: 1px solid rgba(0,255,208,.3); color: #00f5d4; box-shadow: 0 0 12px rgba(0,255,208,.25);}/* Copyright block spacing */footer .copyright{ margin-top: 10px; text-align: center; opacity: .75; font-size: 13px;}/* FAQ / ACCORDION spacing under banner */.faq, .accordion, .section{ margin-top: 8px;}/* Keep header above everything on mobile */header { z-index: 100; }#news-banner { z-index: 80; }/* Hide the banner while the mobile menu is open. Works for most menu implementations: aria-expanded, .open, .is-open, etc. */@media (max-width: 860px){ /* When header contains an open control, hide the sibling banner */ header:has(aria-expandedtrue) + #news-banner, header:has(.open) + #news-banner, header:has(.is-open) + #news-banner, header:has(.menu--open) + #news-banner, header:has(.drawer-open) + #news-banner, header:has(data-opentrue) + #news-banner, header:has(navaria-hiddenfalse) + #news-banner, header:has(#navaria-hiddenfalse) + #news-banner { display: none !important; }}/* ----- MOBILE NAV VISIBILITY ----- */@media (max-width: 860px){ /* hide nav panel by default */ header nav { display: none; position: absolute; /* drop under header */ left: 0; right: 0; top: 100%; z-index: 100; /* above page content */ background: rgba(7,12,18,.92); backdrop-filter: blur(8px); border-bottom: 1px solid rgba(0,255,208,.18); } /* show nav when header is marked open OR toggle has aria-expandedtrue */ header.open nav, header.is-open nav, header:has(aria-expandedtrue) nav { display: block; } /* tidy menu list */ header nav ul { margin: 8px 12px; padding: 8px 0; } header nav li { padding: 8px 6px; border-radius: 10px; } header nav a { display:block; padding:8px 10px; } /* keep header above banner; hide banner while menu open */ header { position: sticky; top: 0; z-index: 1000; } #news-banner { z-index: 800; } header.open + #news-banner, header.is-open + #news-banner, header:has(aria-expandedtrue) + #news-banner { display: none !important; }}/* Mobile Nav Drawer */@media (max-width: 860px){ :root{ --hdrH: var(--header-h, 64px); } /* keep header on top */ header{ position: sticky; top: 0; z-index: 1000; } /* lock page scroll when open */ body.nav-open{ overflow: hidden; } /* full-screen panel under header (hidden by default) */ header nav{ display: none; position: fixed; inset: calc(var(--hdrH)) 0 0 0; /* top header height */ z-index: 1001; background: rgba(7,12,18,.94); backdrop-filter: blur(10px) saturate(110%); -webkit-backdrop-filter: blur(10px) saturate(110%); border-top: 1px solid rgba(0,255,208,.18); padding: 14px 16px 24px; overflow-y: auto; } body.nav-open header nav{ display: block; animation: navDrop .25s ease; } @keyframes navDrop{ from{opacity:0; transform:translateY(-8px)} to{opacity:1; transform:translateY(0)} } /* optional dim behind drawer */ body.nav-open::after{ content:; position: fixed; inset: calc(var(--hdrH)) 0 0 0; z-index: 1000; background: radial-gradient(120% 120% at 50% -10%, rgba(0,255,208,.12), transparent 60%), rgba(0,0,0,.35); } /* tidy the list style inside the drawer */ header nav ul{ display: grid; gap: 10px; margin: 0; padding: 6px 0; list-style: none; } header nav li{ margin: 0; } header nav a{ display: block; padding: 12px 14px; border-radius: 12px; text-decoration: none; color: #e8f2ff; font-weight: 700; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); transition: border-color .2s ease, background .2s ease, transform .12s ease; } header nav a:hover{ border-color: rgba(0,255,208,.38); background: rgba(0,255,208,.08); transform: translateY(-1px); } header nav a.active{ background: linear-gradient(90deg, rgba(0,255,208,.14), rgba(0,255,208,.06)); border-color: rgba(0,255,208,.45); } /* hide the top banner while the drawer is open */ body.nav-open #news-banner{ display: none !important; }}/* Bigger banner while mobile menu is open */@media (max-width: 860px){ /* Float the banner inside the drawer area, full width */ body.nav-open #news-banner{ position: fixed; /* sit under the sticky header with a little gap */ top: calc(var(--header-h, 64px) + 12px); left: 12px; right: 12px; display: block !important; /* override any previous hide */ z-index: 1002; /* above drawer links */ padding: 0; /* the card has its own padding */ background: transparent; } /* Remove max-width so it fills the drawer */ body.nav-open #news-banner .news-wrap{ max-width: none; padding: 0; } /* Make the card larger and roomier */ body.nav-open #news-banner .news-card{ padding: 14px 16px; border-radius: 14px; box-shadow: 0 10px 28px rgba(0,0,0,.45), 0 0 26px rgba(0,255,208,.25) inset; gap: 10px; } /* Bigger text */ body.nav-open #news-banner .title{ font-size: 16px; } body.nav-open #news-banner .msg{ font-size: 14px; } /* Full-width CTA button */ body.nav-open #news-banner .cta{ width: 100%; font-size: 15px; padding: 12px 14px; border-radius: 12px; }}/* BIG MOBILE MENU SIZE */@media (max-width: 860px){ /* global size knobs (tweak if you want even bigger) */ :root{ --nav-font: 18px; /* item text size */ --nav-pad-y: 14px; /* vertical padding inside each item */ --nav-pad-x: 18px; /* horizontal padding */ --nav-radius: 16px; /* pill roundness */ --nav-gap: 14px; /* space between items */ --nav-minh: 52px; /* minimum item height */ } /* drawer container */ body.nav-open header nav{ padding: 18px 18px 28px; } /* list layout */ header nav ul{ gap: var(--nav-gap); margin: 0; padding: 6px 0; } /* item block */ header nav a{ display: flex; align-items: center; min-height: var(--nav-minh); padding: calc(var(--nav-pad-y) + 2px) var(--nav-pad-x); border-radius: var(--nav-radius); font-size: var(--nav-font); line-height: 1.25; letter-spacing: .2px; } /* active/hover still glow nicely */ header nav a:hover{ transform: translateY(-1px) scale(1.015); } header nav a.active{ box-shadow: 0 0 22px rgba(0,255,208,.25); } /* make the hamburger easier to hit */ .menu-toggle, .hamburger, #menu-toggle, data-menu-toggle{ width: 44px; height: 44px; /* 44px Apple HIG tap target */ display: inline-flex; align-items: center; justify-content: center; } .menu-toggle svg, .hamburger svg{ transform: scale(1.15); }}/* Full-screen mobile drawer + visible hamburger */@media (max-width: 860px){ :root{ --hdrH: var(--header-h, 64px); } /* Header & hamburger always on top */ header{ position: sticky; top:0; z-index:3000; } .menu-toggle, .hamburger, #menu-toggle, data-menu-toggle{ position: relative; z-index: 4000; width:44px; height:44px; /* easy tap */ display:inline-flex; align-items:center; justify-content:center; } /* Hide nav by default on mobile */ header nav{ display:none; } /* Full-screen drawer (under header, covers entire screen) */ body.nav-open{ overflow:hidden; } /* lock page scroll */ body.nav-open header nav{ display:block; position: fixed; inset: 0; /* full screen */ z-index: 2000; /* below header/hamburger */ background: rgba(7,12,18,.96); backdrop-filter: blur(12px) saturate(110%); -webkit-backdrop-filter: blur(12px) saturate(110%); padding: calc(env(safe-area-inset-top) + var(--hdrH) + 16px) 18px 28px; /* avoid header area */ overflow-y:auto; animation: navDrop .25s ease; } @keyframes navDrop{ from{opacity:0; transform:translateY(-8px)} to{opacity:1; transform:translateY(0)} } /* BIG, comfy items */ header nav ul{ list-style:none; margin:0; padding:6px 0; display:grid; gap:16px; } header nav li{ margin:0; } header nav a{ display:flex; align-items:center; min-height:56px; padding:16px 20px; border-radius:16px; font-size:18px; font-weight:800; letter-spacing:.2px; color:#e8f2ff; text-decoration:none; background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); transition: background .2s, border-color .2s, transform .12s; } header nav a:hover{ background: rgba(0,255,208,.10); border-color: rgba(0,255,208,.38); transform: translateY(-1px) } header nav a.active{ background: linear-gradient(90deg, rgba(0,255,208,.14), rgba(0,255,208,.06)); border-color: rgba(0,255,208,.45); box-shadow: 0 0 22px rgba(0,255,208,.25); } /* Hide banner while drawer is open */ body.nav-open #news-banner{ display:none !important; } /* Kill any previous dim overlay you may have added */ body.nav-open::after{ content:none !important; display:none !important; }}.hamburger span{ height:3px; background:#fff; border-radius:2px; transition:all .3s } /* --- Fix hamburger visibility + tap target (mobile) --- */@media (max-width: 1024px){ /* show the button and make it easy to tap */ .hamburger{ display: flex !important; align-items: center; justify-content: center; width: 44px; /* 44px proper mobile target */ height: 44px; gap: 6px; z-index: 4000; /* above the drawer */ border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(6px); } /* the three bars */ .hamburger span{ display: block; /* important */ width: 24px; /* gives the bars a width */ height: 2px; background: #e8f2ff; border-radius: 2px; } /* optional little animation when menu is open */ nav.open ~ .hamburger span:nth-child(1){ transform: translateY(6px) rotate(45deg); } nav.open ~ .hamburger span:nth-child(2){ opacity: 0; } nav.open ~ .hamburger span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }}/* FULL-SCREEN MOBILE DRAWER (fixes doesnt drop to bottom) */@media (max-width: 860px){ /* lock background scroll */ body.nav-open{ overflow: hidden; } /* drawer covers the entire viewport (uses dynamic vh for iOS) */ body.nav-open header nav{ display: block !important; position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; /* cover full screen */ height: 100dvh; /* iOS/Android dynamic viewport */ min-height: 100dvh; /* fallback for older browsers */ } @supports not (height: 100dvh){ body.nav-open header nav{ height: 100vh; min-height: 100vh; } } /* content padding inside the drawer (clear header + safe areas) */ body.nav-open header nav{ z-index: 99990; /* on top of everything */ background: rgba(7,12,18,.96); backdrop-filter: blur(12px) saturate(110%); -webkit-backdrop-filter: blur(12px) saturate(110%); padding: calc(env(safe-area-inset-top) + var(--header-h, 64px) + 16px) clamp(14px, 4vw, 22px) calc(env(safe-area-inset-bottom) + 28px); overflow-y: auto; } /* hamburger always visible above the drawer */ .hamburger, .menu-toggle, #menu-toggle, data-menu-toggle{ position: fixed !important; top: calc(env(safe-area-inset-top) + 8px); right: 12px; width: 44px; height: 44px; z-index: 99999; /* above the drawer */ display: inline-flex; align-items:center; justify-content:center; } /* (optional) ensure any high-z elements never sit above the drawer */ body.nav-open .cursor, body.nav-open canvas, body.nav-open .particles { z-index: 0 !important; }}/style>/head>body> div idtop>/div>main idpageContent>!-- SEXY INTRO / LOADER (centered, no skip) -->div idintro aria-hiddenfalse> canvas idintro-particles aria-hiddentrue>/canvas> div classintro-inner> h1 classintro-logo>span>D3tx/span>Services/h1> div classintro-meter> div classintro-fill>/div> div classintro-glow>/div> /div> div classintro-percent aria-livepolite>0%/div> /div>/div> !-- PARTICLES --> div idtsparticles>/div> !-- CUSTOM CURSORS --> div idcursor-ring>/div> div idcustom-cursor>/div> !-- HEADER --> header> div classcontainer> div classnav-inner> a href/home classlogo>D3txspan>Services/span>/a> div classhamburger aria-labelToggle menu tabindex0> span>/span>span>/span>span>/span> /div> nav aria-labelMain navigation> ul> li>a href/home classactive>Home/a>/li> li>a href/about>About Us/a>/li> li>a href/tutorials>Tutorials/a>/li> li>a href/support>Support/a>/li> li>a href/legal>Legal/a>/li> li>a href/mod-breakdown>Mods Details/a>/li> li>a href/audit-logs>Audit Logs/a>/li> li>a href/supported-inputs>Supported K/M/a>/li> /ul> /nav> /div> /div> /header> div idbanner-sentinel aria-hiddentrue>/div>!-- Important News (Discord link update) -->div idnews-banner rolestatus aria-livepolite> div classnews-wrap> div classnews-card> span classpulse>/span> span classtitle>Discord Link Update 🔗/span> span classmsg> The old invite span classold-link>Discord.gg/D3txservicesv2/span> has expired. /span> a classcta hrefhttps://discord.com/invite/kv83a7u2k9 target_blank relnoopener> 👉 Click here to join with the new link /a> /div> /div>/div> !-- HERO -->!-- HERO -->section classhero> div classcontainer hero-content> h1>Stop Being Trash.br/>Win Lobbies with D3tx Services./h1> p> /p> div classhero-buttons> a hrefhttps://www.patreon.com/c/d3txservices/membership target_blank classbtn>Memberships/a> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classbtn btn-outline>Shop/a> /div> div classhighlight-grid rolelist> div classfeature-pill rolelistitem> span classfp-icon>🎯/span> div classfp-text> strong>Best Aim Enhancement/strong> small>Smooth, human-like pull/small> /div> /div> div classfeature-pill rolelistitem> span classfp-icon>🔒/span> div classfp-text> strong>100% Safe/strong> small>Low profile configs/small> /div> /div> !-- Centered middle badge --> div classfeature-pill rolelistitem> span classfp-icon>⏱️/span> div classfp-text> strong>Setup in 5-mins/strong> small>Plug, play, win/small> /div> /div> div classfeature-pill rolelistitem> span classfp-icon>📦/span> div classfp-text> strong>Weekly Updates/strong> small>Fresh values & fixes/small> /div> /div> div classfeature-pill rolelistitem> span classfp-icon>👥/span> div classfp-text> strong>Trusted by Thousands/strong> small>Real players, real wins/small> /div> /div> /div> /div> /section> !-- BEFORE/AFTER SLIDER --> section stylepadding:32px 0; background: transparent;> div stylemax-width:580px; margin:0 auto; text-align:center; position:relative;> h2 stylemargin:0 0 6px; font-size:1.9rem; font-family:Montserrat,sans-serif; line-height:1.1;> Before D3tx Scripts vs After D3tx Scripts /h2> p stylemargin:4px 0 16px; font-size:.9rem; color:#ccc;>Slide to compare kill count./p> div classcompact-ba data-before4 data-after27 aria-labelBefore/After comparison> div classlabels> div classpill before> div classnum>4/div> div classtxt>Before/div> /div> div classpill after> div classnum>27/div> div classtxt>After/div> /div> /div> div classslider-wrapper> img classbase srcbefore.png altBefore kill count> div classoverlay> img srcafter.png altAfter kill count> /div> div classdivider> div classbar>/div> div classknob>/div> /div> div classshimmer>/div> div classconfetti-container>/div> /div> input aria-labelcomparison slider typerange min0 max100 value50 classcompact-range /> /div> /div> /section>!-- Sticky Aim Assist — ON vs OFF (simple, sexy) -->section idsticky-aim-showcase classsection reveal> div classcontainer styletext-align:center; max-width:1040px;> h2 stylemargin:0 0 6px;>Sticky Aim Assist — ON vs OFF/h2> p classdescription stylemargin:0 0 18px; opacity:.9;> Quick showcase of how the aim “sticks” in-game: first with Cronus Zen strong>OFF/strong>, then with it strong>ON/strong>. /p> div classsa-vid-wrap> video srcsticky-aim.mp4 autoplay muted loop playsinline preloadmetadata aria-labelSticky Aim Assist showcase video, OFF then ON> /video> /div> /div>/section>!-- Aim Assist Preview (sexy, addicting) -->section idaim-assist classsection reveal> div classcontainer styletext-align:center; max-width:900px;> h2>Sticky Aim Assist Preview/h2> p classdescription>See the assist gently magnetize toward the target—realistic, smooth, not a snap lock./p> div classassist-wrapper> div idassistBox> div idassistTarget>/div> div idassistCrosshair>/div> div idassistLocked>LOCKED/div> /div> button classassist-btn idassistToggle>🎯 Enable Aim Assist/button> /div> /div>/section> style> /* Pretty “See all benefits” button */ #pricing-neo .plan .more{ background: transparent; border: none; margin-top: 14px; /* pushes it down closer to CTA */ display: inline-block; font-weight: 800; font-size: 16px; letter-spacing: .3px; cursor: pointer; color: #00e5ff; text-shadow: 0 0 18px rgba(0,229,255,.55); } #pricing-neo .plan .more:hover{ color:#2ef2d2; text-shadow:0 0 22px rgba(46,242,210,.7); text-decoration: underline; } #pricing-neo .plan .more::after{ content: none !important; } #pricing-neo .benefits-pop ul{ margin-bottom: 0; } /* extra spacing to visually separate benefits link from features */ #pricing-neo .plan ul.features{ margin-bottom: 6px; } /style>/head> main idpageContent2> !-- PRICING — sexy neon glass --> section idpricing-neo classsection> div classcontainer> div classpricing-head> h2>Membership Tiers/h2> !-- optional billing toggle --> div classbilling-toggle aria-labelBilling cycle> span>Monthly/span> label classswitch> input idbillToggle typecheckbox aria-labelToggle yearly billing> span classslider>/span> /label> span>Yearly em classsave>save 50%/em>/span> /div> /div> div classpricing-grid> !-- Supporter --> article classplan data-month2.99> header classplan-head> div classpill>Supporter/div> div classprice>span classnum>$2.99/span>span classper>/mo/span>/div> /header> ul classfeatures> li>Discord perks/li> /ul> a classcta hrefhttps://www.patreon.com/c/d3txservices/membership target_blank>Get Supporter/a> /article> !-- Script Upgrades (Only) --> article classplan accent data-month10> header classplan-head> div classpill>Script Upgrades (Only)/div> div classprice>span classnum>$10/span>span classper>/mo/span>/div> /header> ul classfeatures clamp> li>strong>Lifetime upgrades/strong> for scripts you own/li> li>Recoil tuning & optimization patches/li> li>Early access to beta mods/li> li>Vote on what gets upgraded next/li> li>Max security & compatibility/li> li>Private support + instant alerts/li> li>No repurchase for updated versions/li> /ul> button classmore typebutton>See all benefits/button> p classnote>This tier doesn’t include new scripts—only upgrades to scripts you’ve already purchased./p> a classcta hrefhttps://www.patreon.com/c/d3txservices/membership target_blank>Get Upgrades/a> /article> !-- Pro --> article classplan popular data-month25 data-tierpro> header classplan-head> div classpill>Pro/div> div classprice>span classnum>$25/span>span classper>/mo/span>/div> /header> ul classfeatures> li>30+ scripts/li> li>PS • Xbox • MNK/li> li>Priority support/li> /ul> button classmore typebutton>See all benefits/button> a classcta hrefhttps://www.patreon.com/c/d3txservices/membership target_blank>Get Pro/a> /article> !-- Dominator --> article classplan data-month35 data-tierdominator> header classplan-head> div classpill>Dominator/div> div classprice>span classnum>$35/span>span classper>/mo/span>/div> /header> ul classfeatures> li>All Pro features/li> li>+ AimAssist values/li> /ul> button classmore typebutton>See all benefits/button> a classcta hrefhttps://www.patreon.com/c/d3txservices/membership target_blank>Get Dominator/a> /article> !-- Mastery --> article classplan data-month50 data-tiermastery> header classplan-head> div classpill>Mastery/div> div classprice>span classnum>$50/span>span classper>/mo/span>/div> /header> ul classfeatures> li>All scripts + values/li> li>Multi-game support/li> li>Discord VIP/li> /ul> button classmore typebutton>See all benefits/button> a classcta hrefhttps://www.patreon.com/c/d3txservices/membership target_blank>Get Mastery/a> /article> !-- Legendary --> article classplan data-month65 data-tierlegendary> div classribbon>Most Popular/div> header classplan-head> div classpill>Legendary/div> div classprice>span classnum>$65/span>span classper>/mo/span>/div> /header> ul classfeatures> li>All Mastery features/li> li>Exclusive scripts/li> li>Early drops/li> /ul> button classmore typebutton>See all benefits/button> a classcta hrefhttps://www.patreon.com/c/d3txservices/membership target_blank>Get Legendary/a> /article> /div> /div> /section> /main> script> (()>{ const benefits { pro: { title: All Benefits — PRO, items: 30+ Warzone scripts (ongoing), 1–2 new scripts added weekly, Works on PS / Xbox / MNK, Private support + instant alerts, Max security & compatibility patches, Early access to select beta mods, Vote on what gets upgraded next, No repurchase for updated versions of scripts you own , cta: # }, dominator: { title: All Benefits — DOMINATOR, items: Everything in PRO, Aim Assist Values (PS / Xbox / MNK) included, Lifetime upgrades for scripts you own, Recoil tuning & optimization patches, Early access to beta mods, Priority support + instant alerts , cta: # }, mastery: { title: All Benefits — MASTERY, items: Everything in PRO + DOMINATOR, Multi-Game access: R6, Warzone, Fortnite, Apex, PUBG, NBA2K24-25, Rust, Aim Assist Values included across supported games, Lifetime upgrades for scripts you own, Private Discord role + early previews, Max security & compatibility , cta: # }, legendary: { title: All Benefits — LEGENDARY, items: Everything in Mastery, Dominator & Pro, Includes Valorant + all private Discord scripts (normally sold separately), Exclusive builds: godslayer, aimboticz aim, LOCK AIM, Demonic Aim, R6 white+simple, XDefiant, Fortnite optifines/simple, Apex czet + more, Advanced scripts (50+ mods) + simple plug-and-play options, Ongoing Valorant updates (keep subscription active), Priority private support & instant alerts , cta: # } }; const pricing document.querySelector(#pricing-neo); if(!pricing) return; function closeAll(){ pricing.querySelectorAll(.benefits-pop.open).forEach(p>p.classList.remove(open)); } function buildPopover(cfg){ const wrap document.createElement(div); wrap.className benefits-pop; wrap.innerHTML ` button classclose-pop aria-labelClose>✕/button> h4>${cfg.title}/h4> ul>${cfg.items.map(i>`li>${i}/li>`).join()}/ul> `; wrap.querySelector(.close-pop).addEventListener(click,e>{e.stopPropagation();wrap.classList.remove(open);}); return wrap; } pricing.querySelectorAll(.plandata-tier).forEach(plan>{ const tier plan.getAttribute(data-tier); const cfg benefitstier; if(!cfg) return; let more plan.querySelector(.more); if(!more){ more document.createElement(button); more.type button; more.className more; more.textContent See all benefits; const cta plan.querySelector(.cta); if(cta) cta.before(more); else plan.appendChild(more); } else { more.textContent See all benefits; more.removeAttribute(aria-expanded); } let pop plan.querySelector(.benefits-pop); if(!pop){ pop buildPopover(cfg); plan.appendChild(pop); } more.addEventListener(click, (e)>{ e.preventDefault(); const isOpen pop.classList.contains(open); closeAll(); if(!isOpen) pop.classList.add(open); }); }); document.addEventListener(click, (e)>{ if(!e.target.closest(.benefits-pop, .more)) closeAll(); }); document.addEventListener(keydown, (e)>{ if(e.keyEscape) closeAll(); }); })(); /script> !-- SHOP --> section idshop classsection shop-section reveal> div classcontainer> h2>Shop/h2> div classshop-grid> !-- Keyboard & Mouse --> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classshop-link> div classshop-card> div classshop-badge>Profile + Script/div> div classshop-card-inner> img classshop-img srchttps://res.cloudinary.com/pangea-prod/image/upload/w_620,c_limit,q_auto:good/v1631140298/production/aXRlbV92YXJpYW50/NzowOTc4NTUxNDUyNDY6aW1hZ2U6ZW4tQ0E6cHJpbWFyeQ.png altKeyboard & Mouse> div> h3 classshop-title>Keyboard & Mouse/h3> div classshop-sub>KBM Settings and Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn>View/button> /div> /div> /div> /a> !-- Apex Script --> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classshop-link> div classshop-card> div classshop-badge>Script/div> div classshop-card-inner> img classshop-img srchttps://static.vecteezy.com/system/resources/previews/027/127/548/non_2x/apex-lengends-logo-apex-lengends-icon-transparent-free-png.png altApex Script> div> h3 classshop-title>Apex Script/h3> div classshop-sub>Apex Legend Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn>View/button> /div> /div> /div> /a> !-- Warzone4 / BO6 --> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classshop-link> div classshop-card> div classshop-badge>Script/div> div classshop-card-inner> img classshop-img srchttps://kboosting.com/img/24968/c/emblem-300x300.png altWarzone4 / BO6 Script> div> h3 classshop-title>Warzone4 / BO6/h3> div classshop-sub>Warzone and Black Ops Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn>View/button> /div> /div> /div> /a> !-- Fortnite --> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classshop-link> div classshop-card> div classshop-badge>Scripts/div> div classshop-card-inner> img classshop-img srchttps://static.vecteezy.com/system/resources/previews/027/127/477/non_2x/fortnite-logo-fortnite-icon-transparent-free-png.png altFortnite Scripts> div> h3 classshop-title>Fortnite/h3> div classshop-sub>Fortnite Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn>View/button> /div> /div> /div> /a> !-- Rainbow Six --> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classshop-link> div classshop-card> div classshop-badge>Siege Scripts/div> div classshop-card-inner> img classshop-img srchttps://logos-world.net/wp-content/uploads/2021/02/Rainbow-Six-Emblem.png altRainbow Six Siege Scripts> div> h3 classshop-title>Rainbow Six/h3> div classshop-sub>Rainbow Six Siege Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn>View/button> /div> /div> /div> /a> !-- More FPS Shooter --> a hrefhttps://www.patreon.com/c/d3txservices/shop target_blank classshop-link> div classshop-card> div classshop-badge>Scripts/div> div classshop-card-inner> img classshop-img srchttps://download.logo.wine/logo/Rust_(video_game)/Rust_(video_game)-Logo.wine.png altMore FPS Shooter Scripts> div> h3 classshop-title>More FPS Shooter/h3> div classshop-sub>Multi-game Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn>View/button> /div> /div> /div> /a> !-- Custom Script --> a hrefhttps://discord.gg/d3txservicesv2 target_blank classshop-link> div classshop-card> div classshop-badge>Script/div> div classshop-card-inner> img classshop-img srccustomscript.png altCustom Script> div> h3 classshop-title>Custom Script/h3> div classshop-sub>Private Build Scripts/div> /div> div classshop-footer> div styleflex:1;>/div> button classshop-btn request>Request/button> /div> /div> /div> /a> /div> /div> /section> !-- FAQ + Preview --> section classsection faq> div classcontainer> h2>FAQ/h2> div classfaq-search-wrapper> div classfaq-search> input idfaqFilter placeholderSearch questions… aria-labelSearch FAQ /> button classclear-btn aria-labelClear search>×/button> /div> /div> !-- Question 1 --> div classfaq-item> button classfaq-question aria-expandedfalse> div classq-text>span>How do I install a script on Cronus Zen?/span>/div> div classchevron-wrapper> svg classchevron width24 height24 viewBox0 0 24 24 aria-hiddentrue> path fillnone strokecurrentColor stroke-width2 dM6 9l6 6 6-6/> /svg> /div> /button> div classfaq-answer> div classanswer-header> div classicon>🚀/div> div classlabel>Quick Install/div> /div> div classanswer-body> p>Get up and running in seconds:/p> ul classsteps> li>🔌 Connect your strong>Cronus Zen/strong> to your PC./li> li>📁 Open strong>Zen Studio/strong> and import the code>.gpc/code> file./li> li>▶ Click strong>Program Device/strong>./li> li>✅ Wait for the success confirmation before disconnecting./li> /ul> div classtip>Tip: Save your favorite scripts as presets for instant future loading./div> /div> /div> /div> !-- Question 2 --> div classfaq-item> button classfaq-question aria-expandedfalse> div classq-text>span>Can I use scripts on PC and console?/span>/div> div classchevron-wrapper> svg classchevron width24 height24 viewBox0 0 24 24 aria-hiddentrue> path fillnone strokecurrentColor stroke-width2 dM6 9l6 6 6-6/> /svg> /div> /button> div classfaq-answer> div classanswer-header> div classicon>🎮/div> div classlabel>Multi-Platform/div> /div> div classanswer-body> p>Yes. Our system is designed for universal compatibility:/p> ul classsteps> li>🖥️ PC (Mouse & Keyboard)/li> li>🎮 PlayStation/li> li>🕹️ Xbox/li> li>🔁 Switch between setups seamlessly via Cronus Zen./li> /ul> div classtip>Pro tip: Use device profiles to keep platform-specific configurations separate./div> /div> /div> /div> !-- Question 3 --> div classfaq-item> button classfaq-question aria-expandedfalse> div classq-text>span>Do you offer custom scripting?/span>/div> div classchevron-wrapper> svg classchevron width24 height24 viewBox0 0 24 24 aria-hiddentrue> path fillnone strokecurrentColor stroke-width2 dM6 9l6 6 6-6/> /svg> /div> /button> div classfaq-answer> div classanswer-header> div classicon>✍️/div> div classlabel>Custom Builds/div> /div> div classanswer-body> p>Absolutely. We tailor scripts to your playstyle and goals:/p> ul classsteps> li>📬 Join our Discord./li> li>🧠 Describe your desired behavior or game scenario./li> li>🛠️ Get a custom script built and priced per request./li> li>🚀 Receive and install it through Zen Studio./li> /ul> div classtip>Include your current loadout and movement style for faster turnaround./div> /div> /div> /div> !-- Question 4 --> div classfaq-item> button classfaq-question aria-expandedfalse> div classq-text>span>What’s your refund policy?/span>/div> div classchevron-wrapper> svg classchevron width24 height24 viewBox0 0 24 24 aria-hiddentrue> path fillnone strokecurrentColor stroke-width2 dM6 9l6 6 6-6/> /svg> /div> /button> div classfaq-answer> div classanswer-header> div classicon>⚖️/div> div classlabel>Policy/div> /div> div classanswer-body> p>All sales are final — we don’t offer refunds. For full details, please review the legal page./p> div classtip>Double-check your tier before purchasing to avoid regret./div> /div> /div> /div> !-- Question 5 --> div classfaq-item> button classfaq-question aria-expandedfalse> div classq-text>span>Can these scripts work with mouse and keyboard?/span>/div> div classchevron-wrapper> svg classchevron width24 height24 viewBox0 0 24 24 aria-hiddentrue> path fillnone strokecurrentColor stroke-width2 dM6 9l6 6 6-6/> /svg> /div> /button> div classfaq-answer> div classanswer-header> div classicon>🖱️/div> div classlabel>Full Support/div> /div> div classanswer-body> p>100% — we’ve optimized for every mouse & keyboard setup:/p> ul classsteps> li>Custom sensitivity curves/li> li>Smooth aim assist blending/li> li>Low-latency responses/li> li>Preset switching per game/li> /ul> div classtip>Pair with your preferred DPI and in-game settings for perfect synergy./div> /div> /div> /div> !-- Question 6 --> div classfaq-item> button classfaq-question aria-expandedfalse> div classq-text>span>How often are scripts updated?/span>/div> div classchevron-wrapper> svg classchevron width24 height24 viewBox0 0 24 24 aria-hiddentrue> path fillnone strokecurrentColor stroke-width2 dM6 9l6 6 6-6/> /svg> /div> /button> div classfaq-answer> div classanswer-header> div classicon>🔄/div> div classlabel>Fresh Drops/div> /div> div classanswer-body> p>We push new updates every month:/p> ul classsteps> li>🆕 Features & game tweaks/li> li>🐞 Bug fixes and stability improvements/li> li>⚙️ Performance tuning/li> li>🔔 Changelog posted in Discord so you never miss a drop/li> /ul> div classtip>Enable notifications in Discord to get the update alert instantly./div> /div> /div> /div> /div> /section>!-- REVIEWS -->section idreviews classreviews section reveal> div classcontainer> h2>What Customers Say/h2> div classreview-carousel-wrapper aria-labelUser testimonials carousel> button classcarousel-btn prev aria-labelPrevious review></button> div classreview-carousel> !-- Review Card 1 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://i.pinimg.com/736x/15/53/34/155334c9e7bc2764800af6b4084eea0f.jpg altAlex’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser> span classusername>Vep#4321/span> span classverified aria-labelVerified user>✔/span> /div> span classtimestamp>Today at 3:45 PM/span> /div> p classmessage-text> The Warzone scripts are strong>🔥/strong> my KD improved instantly! /p> div classactions> div classrating aria-label4 out of 5 stars>⭐️⭐️⭐️⭐️☆/div> button classlike-btn aria-labelLike review> span classheart>♥/span> span classcount>24/span> /button> /div> /div> /div> !-- Review Card 2 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://c4.wallpaperflare.com/wallpaper/544/294/329/anime-anime-girls-reoen-hd-wallpaper-thumb.jpg altJamie’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser> span classusername>playin#9876/span> span classverified aria-labelVerified user>✔/span> /div> span classtimestamp>Yesterday at 8:12 AM/span> /div> p classmessage-text> Support on Discord is lightning fast, and my custom script works flawlessly. /p> div classactions> div classrating aria-label5 out of 5 stars>⭐️⭐️⭐️⭐️⭐️/div> button classlike-btn aria-labelLike review> span classheart>♥/span> span classcount>18/span> /button> /div> /div> /div> !-- Review Card 3 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://media.cnn.com/api/v1/images/stellar/prod/160107100400-monkey-selfie.jpg?qw_2912,h_1638,x_0,y_0,c_fill altMorgan’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser> span classusername>Retroser7#2468/span> span classverified aria-labelVerified user>✔/span> /div> span classtimestamp>Mar 10, 2025/span> /div> p classmessage-text> Clean, reliable, and easy to use exactly what I needed for Apex. 👍 /p> div classactions> div classrating aria-label4.5 out of 5 stars>⭐️⭐️⭐️⭐️✦/div> button classlike-btn aria-labelLike review> span classheart>♥/span> span classcount>31/span> /button> /div> /div> /div> !-- Review Card 4 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://i.pinimg.com/736x/fc/9f/a5/fc9fa54a378fe3080632a44d2182e8c1.jpg altChris’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser> span classusername>Eurotrip#1234/span> span classverified aria-labelVerified user>✔/span> /div> span classtimestamp>Apr 12, 2025/span> /div> p classmessage-text> Just installed the R6 guide my aim is spot on now. The step-by-step video was super clear. /p> div classactions> div classrating aria-label5 out of 5 stars>⭐️⭐️⭐️⭐️⭐️/div> button classlike-btn aria-labelLike review> span classheart>♥/span> span classcount>27/span> /button> /div> /div> /div> !-- Review Card 5 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://i.pinimg.com/736x/e8/2e/86/e82e8681127e69ab64c75022f8c4da00.jpg altTaylor’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser> span classusername>Lewis#5678/span> span classverified aria-labelVerified user>✔/span> /div> span classtimestamp>Apr 10, 2025/span> /div> p classmessage-text> Love the monthly updates always keeps me ahead of the meta. The new Warzone tweaks are nice. /p> div classactions> div classrating aria-label4.5 out of 5 stars>⭐️⭐️⭐️⭐️✦/div> button classlike-btn aria-labelLike review> span classheart>♥/span> span classcount>19/span> /button> /div> /div> /div> !-- EXTRA REVIEWS --> !-- Review Card 6 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://cdn.pixabay.com/photo/2022/06/21/07/04/anime-7275258_1280.jpg altJordan’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser> span classusername>SOTYREYES#1111/span> span classverified>✔/span> /div> span classtimestamp>Apr 15, 2025/span> /div> p classmessage-text> Absolutely worth it my accuracy in BO6 doubled overnight. /p> div classactions> div classrating>⭐️⭐️⭐️⭐️⭐️/div> button classlike-btn>span classheart>♥/span>span classcount>44/span>/button> /div> /div> /div> !-- Review Card 7 --> div classreview-card tabindex0> div classavatar-wrapper> img classavatar srchttps://hips.hearstapps.com/hmg-prod/images/crunchyroll-solo-leveling-67f7ee68107a5.jpg?crop0.564xw:1.00xh;0.220xw,0&resize1200:* altSam’s avatar> div classavatar-ring>/div> /div> div classcontent> div classhead> div classuser>span classusername>Sam#2222/span>span classverified>✔/span>/div> span classtimestamp>Apr 14, 2025/span> /div> p classmessage-text>Best purchase I’ve made scripts are plug & play no hassle./p> div classactions> div classrating>⭐️⭐️⭐️⭐️⭐️/div> button classlike-btn>span classheart>♥/span>span classcount>36/span>/button> /div> /div> /div> !-- Review Card 8 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://i.pinimg.com/736x/e8/e5/c5/e8e5c55767b211049b950f4d90b26653.jpg altRiley’s avatar>div classavatar-ring>/div>/div> div classcontent> div classhead>div classuser>span classusername>Glizzygobbla#3333/span>span classverified>✔/span>/div>span classtimestamp>Apr 13, 2025/span>/div> p classmessage-text>The recoil control is insane feels like a laser beam every match./p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>29/span>/button>/div> /div> /div> !-- Review Card 9 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://t4.ftcdn.net/jpg/09/84/52/73/360_F_984527391_2c1IDF7YGx4MltUeZtP6lmfJR4av6Dbw.jpg altCasey’s avatar>div classavatar-ring>/div>/div> div classcontent> div classhead>div classuser>span classusername>Casey#4444/span>span classverified>✔/span>/div>span classtimestamp>Apr 11, 2025/span>/div> p classmessage-text>Customer service is top notch had my issue solved in 5 minutes./p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>41/span>/button>/div> /div> /div> !-- Review Card 10 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://t3.ftcdn.net/jpg/04/49/19/08/360_F_449190831_i2whvIQdDIGtuIVWT6QfenWwmRApVJ5l.jpg altPat’s avatar>div classavatar-ring>/div>/div> div classcontent> div classhead>div classuser>span classusername>Sapouni3#5555/span>span classverified>✔/span>/div>span classtimestamp>Apr 9, 2025/span>/div> p classmessage-text>Scripts are smooth and safe no bans no issues highly recommend./p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>33/span>/button>/div> /div> /div> !-- Review Card 11 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://static.vecteezy.com/system/resources/previews/049/384/920/non_2x/anime-girl-90-s-aesthetics-nostalgia-illustration-vector.jpg altSky’s avatar>div classavatar-ring>/div>/div> div classcontent>div classhead>div classuser>span classusername>Sky#6166/span>span classverified>✔/span>/div>span classtimestamp>Apr 8, 2025/span>/div> p classmessage-text>The OLED menu is genius makes switching mods super easy mid-game./p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>47/span>/button>/div> /div> /div> !-- Review Card 12 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://i.pinimg.com/736x/98/58/74/9858745cd157f2797065e639c5b3bf23.jpg altLogan’s avatar>div classavatar-ring>/div>/div> div classcontent>div classhead>div classuser>span classusername>LoganPAuly#7707/span>span classverified>✔/span>/div>span classtimestamp>Apr 7, 2025/span>/div> p classmessage-text>Was skeptical at first but these scripts are the real deal/p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>52/span>/button>/div> /div> /div> !-- Review Card 13 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://encrypted-tbn0.gstatic.com/images?qtbn:ANd9GcRHEal5blk1F_sJbUE6SefdV4iFwlfDBBYuoL8_D-U-PsNUa1ZUdeadnMrPWUjY_AMfEEw&usqpCAU altMaya’s avatar>div classavatar-ring>/div>/div> div classcontent>div classhead>div classuser>span classusername>Miaz#0069/span>span classverified>✔/span>/div>span classtimestamp>Apr 6, 2025/span>/div> p classmessage-text>Lifetime access is 🔥 definitely worth every dollar I spent here./p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>39/span>/button>/div> /div> /div> !-- Review Card 14 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://i.pinimg.com/474x/fa/d5/e7/fad5e79954583ad50ccb3f16ee64f66d.jpg altEvan’s avatar>div classavatar-ring>/div>/div> div classcontent>div classhead>div classuser>span classusername>Ev3nz#9999/span>span classverified>✔/span>/div>span classtimestamp>Apr 5, 2025/span>/div> p classmessage-text>Setup was simple plug in & ready to dominate instantly./p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>28/span>/button>/div> /div> /div> !-- Review Card 15 --> div classreview-card tabindex0> div classavatar-wrapper>img classavatar srchttps://static.toiimg.com/thumb/msid-121340289,width-1280,height-720,resizemode-4/121340289.jpg altZara’s avatar>div classavatar-ring>/div>/div> div classcontent>div classhead>div classuser>span classusername>Zara01#0001/span>span classverified>✔/span>/div>span classtimestamp>Apr 4, 2025/span>/div> p classmessage-text>Honestly best scripts in the game community feels like cheating but safe!/p> div classactions>div classrating>⭐️⭐️⭐️⭐️⭐️/div>button classlike-btn>span classheart>♥/span>span classcount>46/span>/button>/div> /div> /div> /div> button classcarousel-btn next aria-labelNext review>>/button> /div> /div>/section>!-- FOOTER -->footer classfooter neon-footer idsite-footer> div classcontainer footer-inner> !-- Social Links --> nav classfooter-social aria-labelSocial links> a classsocial hrefhttps://youtube.com/channel/UCUtGrgrPn0lL_3DZtLQhljg target_blank relnoopener aria-labelYouTube> svg viewBox0 0 24 24 width18 height18 aria-hiddentrue>path fillcurrentColor dM23.5 6.2a4.7 4.7 0 0 0-3.3-3.3C18.5 2.4 12 2.4 12 2.4s-6.5 0-8.2.5A4.7 4.7 0 0 0 .5 6.2 49 49 0 0 0 0 12c0 1.9.1 3.8.5 5.8a4.7 4.7 0 0 0 3.3 3.3c1.7.5 8.2.5 8.2.5s6.5 0 8.2-.5a4.7 4.7 0 0 0 3.3-3.3c.4-2 .5-3.9.5-5.8 0-1.9-.1-3.8-.5-5.8ZM9.6 15.6V8.4l6.2 3.6-6.2 3.6Z/>/svg> span>YouTube/span> /a> a classsocial hrefhttps://tiktok.com/@d3txservices target_blank relnoopener aria-labelTikTok> svg viewBox0 0 24 24 width18 height18 aria-hiddentrue>path fillcurrentColor dM20.8 8.6a7.7 7.7 0 0 1-4.7-1.6v7a5.9 5.9 0 1 1-5.9-5.9c.3 0 .6 0 .9.1v3.2a2.7 2.7 0 1 0 1.8 2.5V2h3.2a4.6 4.6 0 0 0 4.7 4.2v2.4Z/>/svg> span>TikTok/span> /a> a classsocial hrefhttps://discord.gg/kv83a7u2k9 target_blank relnoopener aria-labelDiscord> svg viewBox0 0 24 24 width18 height18 aria-hiddentrue>path fillcurrentColor dM20.3 4.6c-1.6-.7-3.4-1.2-5.2-1.4l-.2.3c1.3.3 2.6.8 3.7 1.5-1.6-.7-3.2-1-4.9-1h-.3c-1.7 0-3.4.4-5 1-1.1-.7-2.4-1.2-3.7-1.5l-.2-.3C3 3.4 1.2 3.9-.4 4.6 1.4 1.9 5.2.3 12 .3s10.6 1.6 12.4 4.3ZM8.8 10.5c0 1 .7 1.8 1.6 1.8s1.7-.8 1.7-1.8-.7-1.8-1.7-1.8-1.6.8-1.6 1.8Zm6.1 0c0 1 .7 1.8 1.7 1.8s1.7-.8 1.7-1.8-.7-1.8-1.7-1.8-1.7.8-1.7 1.8Z/>/svg> span>Discord/span> /a> a classsocial hrefhttps://patreon.com/D3txServices target_blank relnoopener aria-labelPatreon> svg viewBox0 0 24 24 width18 height18 aria-hiddentrue>path fillcurrentColor dM3 3h3v18H3V3Zm10.5 0A7.5 7.5 0 1 1 6 10.5 7.5 7.5 0 0 1 13.5 3Z/>/svg> span>Patreon/span> /a> /nav>!-- Support Contact -->a classsupport-badge hrefmailto:support@d3tx.services> svg viewBox0 0 24 24 width18 height18 aria-hiddentrue> path fillcurrentColor dM12 13.1 2.4 6.2C2.8 5.5 3.6 5 4.5 5h15c.9 0 1.7.5 2.1 1.2L12 13.1Zm0 2.3 9.6-6.9c.3.4.4.9.4 1.5v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-8c0-.6.1-1.1.4-1.5L12 15.4Z/> /svg> span>support@d3tx.services/span>/a> !-- Copyright --> p classcopyright> © 2022 – span idcurrentYear>/span> D3TX SERVICES | All Rights Reserved /p> /div>/footer>!-- Auto Year Script -->script> document.getElementById(currentYear).textContent new Date().getFullYear();/script> !-- LIBRARIES --> script srchttps://cdn.jsdelivr.net/npm/tsparticles@2.4.0/tsparticles.bundle.min.js>/script> script srchttps://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js>/script> !-- MAIN SCRIPT --> script> // PARTICLES tsParticles.load(tsparticles, { fpsLimit: 60, detectRetina: true, interactivity: { events: { onHover: { enable: true, mode: grab }, onClick: { enable: true, mode: push }, resize: true }, modes: { grab: { distance: 140, links: { opacity: 0.6 } }, push: { quantity: 3 } } }, particles: { number: { value: 60, density: { enable: true, area: 800 } }, color: { value: #00ffff, #00ff77 }, shape: { type: circle }, opacity: { value: 0.25, random: { enable: true, minimumValue: 0.1 } }, size: { value: { min: 1, max: 3 }, random: true }, links: { enable: true, distance: 130, color: #00ffcc, opacity: 0.18, width: 1 }, move: { enable: true, speed: 1, direction: none, random: false, straight: false, outModes: { default: bounce } } } }); // NAV TOGGLE const hamburger document.querySelector(.hamburger); const nav document.querySelector(nav); hamburger?.addEventListener(click, () > { nav.classList.toggle(open); }); // SCROLL REVEAL const reveals document.querySelectorAll(.reveal); const io new IntersectionObserver((entries) > { entries.forEach(e > { if (e.isIntersecting) { e.target.classList.add(active); io.unobserve(e.target); } }); }, { threshold: 0.15 }); reveals.forEach(r > io.observe(r)); // compact before/after slider logic (function(){ const comp document.querySelector(.compact-ba); if (!comp) return; const range comp.querySelector(.compact-range); const overlay comp.querySelector(.overlay); const knob comp.querySelector(.knob); const bar comp.querySelector(.bar); const shimmer comp.querySelector(.shimmer); const confettiContainer comp.querySelector(.confetti-container); let lastInteraction Date.now(); const pauseDuration 3000; let autoStart performance.now(); let prevPct 50; let lastConfettiTrigger 0; const BEFORE comp.dataset.before || 0; const AFTER comp.dataset.after || 0; comp.querySelector(.pill.before .num).textContent BEFORE; comp.querySelector(.pill.after .num).textContent AFTER; const updateVisuals (val) > { const pct Math.min(Math.max(val, 0), 100); overlay.style.width pct + %; knob.style.left pct + %; bar.style.left pct + %; range.value pct; }; const userUpdate v > { updateVisuals(v); lastInteraction Date.now(); knob.classList.remove(auto-glow); }; range.addEventListener(input, e > userUpdate(e.target.value)); let dragging false; const wrapper comp.querySelector(.slider-wrapper); const pointerUpdate e > { const rect wrapper.getBoundingClientRect(); const clientX e.touches ? e.touches0.clientX : e.clientX; const pct ((clientX - rect.left) / rect.width) * 100; userUpdate(pct); }; wrapper.addEventListener(pointerdown, e > { dragging true; document.body.style.userSelect none; pointerUpdate(e); }); window.addEventListener(pointermove, e > { if (dragging) pointerUpdate(e); }); window.addEventListener(pointerup, () > { dragging false; document.body.style.userSelect ; }); wrapper.addEventListener(click, e > { if (!dragging) pointerUpdate(e); }); let shimmerTimeout null; function triggerShimmer() { if (!shimmer) return; shimmer.classList.add(active); clearTimeout(shimmerTimeout); shimmerTimeout setTimeout(() > shimmer.classList.remove(active), 2200); } function spawnConfetti() { const count 18; for (let i 0; i count; i++) { const c document.createElement(div); c.classList.add(confetti); const size 4 + Math.random() * 6; c.style.width c.style.height size + px; const hue 170 + Math.random() * 40; c.style.background `hsl(${hue}, 100%, ${50 + Math.random()*10}%)`; const pill comp.querySelector(.pill.after); const rect pill.getBoundingClientRect(); const parentRect comp.querySelector(.slider-wrapper).getBoundingClientRect(); const startX rect.right - parentRect.left - rect.width/2; const startY rect.top - parentRect.top + rect.height/2; c.style.left startX + px; c.style.top startY + px; confettiContainer.appendChild(c); const angle -Math.PI/2 + (Math.random() - 0.5); const distance 60 + Math.random() * 40; const duration 1000 + Math.random() * 500; const start performance.now(); (function animate(now){ const t Math.min((now - start)/duration, 1); const ease 1 - Math.pow(1 - t, 3); const dx Math.cos(angle) * distance * ease; const dy Math.sin(angle) * distance * ease - (t * 20); c.style.transform `translate(${dx}px, ${dy}px) rotate(${t * 720}deg) scale(${1 - t * 0.5})`; c.style.opacity `${1 - t}`; if (t 1) requestAnimationFrame(animate); else c.remove(); })(performance.now()); } } function autoAnimate(now) { const idle now - lastInteraction > pauseDuration; if (idle) { const elapsed now - autoStart; const sine Math.sin((elapsed / 1000) * Math.PI); const pct ((sine * 0.5) + 0.5) * 100; updateVisuals(pct); knob.classList.add(auto-glow); if ((prevPct 5 && pct > 5) || (prevPct > 95 && pct 95)) { triggerShimmer(); } if (pct > 97 && now - lastConfettiTrigger > 1500) { spawnConfetti(); lastConfettiTrigger now; } prevPct pct; } else { knob.classList.remove(auto-glow); } requestAnimationFrame(autoAnimate); } comp.addEventListener(mouseenter, () > lastInteraction Date.now()); comp.addEventListener(mousemove, () > lastInteraction Date.now()); updateVisuals(50); requestAnimationFrame(autoAnimate); })(); // FAQ accordion + filter + preview (function(){ const faqItems Array.from(document.querySelectorAll(.faq-item)); const filterInput document.getElementById(faqFilter); const clearBtn document.querySelector(.clear-btn); // Preview elements may not exist const previewQ document.querySelector(.question-preview); const previewA document.querySelector(.answer-preview); const qaCard document.querySelector(.qa-card); const hasPreview !!(previewQ && previewA && qaCard); function closeAll(except) { faqItems.forEach(item > { if (item except) return; const btn item.querySelector(.faq-question); const ans item.querySelector(.faq-answer); btn.setAttribute(aria-expanded, false); ans.style.maxHeight null; ans.classList.remove(open,enhanced); item.classList.remove(active); item.querySelector(.accent-left)?.remove(); ans.querySelectorAll(.steps li).forEach(s > s.classList.remove(visible)); }); } function updatePreview(item) { if (!hasPreview) return; // safely do nothing if preview removed const ans item.querySelector(.faq-answer); previewQ.textContent item.querySelector(.q-text span)?.textContent || ; previewA.innerHTML ans.querySelector(p)?.innerHTML || ; document.querySelectorAll(.qa-card).forEach(c > c.classList.remove(active)); qaCard.classList.add(active); } faqItems.forEach(item > { const btn item.querySelector(.faq-question); const ans item.querySelector(.faq-answer); btn.addEventListener(click, () > { const expanded btn.getAttribute(aria-expanded) true; if (!expanded) { closeAll(item); btn.setAttribute(aria-expanded, true); ans.style.maxHeight ans.scrollHeight + 40 + px; ans.classList.add(open,enhanced); item.classList.add(active); if (!item.querySelector(.accent-left)) { const bar document.createElement(div); bar.className accent-left; item.appendChild(bar); } const steps Array.from(ans.querySelectorAll(.steps li)); steps.forEach((li, i) > { li.classList.remove(visible); setTimeout(() > li.classList.add(visible), 100 * i + 100); }); } else { btn.setAttribute(aria-expanded, false); ans.style.maxHeight null; ans.classList.remove(open,enhanced); item.classList.remove(active); item.querySelector(.accent-left)?.remove(); ans.querySelectorAll(.steps li).forEach(s > s.classList.remove(visible)); } // update preview only if it exists if (hasPreview) setTimeout(() > updatePreview(item), 0); }); }); const normalize s > s.trim().toLowerCase(); function applyFilter(term) { const n normalize(term); faqItems.forEach(item > { const span item.querySelector(.q-text span); const text span.textContent; const show !n || normalize(text).includes(n); item.style.display show ? : none; span.innerHTML show && n ? text.replace(new RegExp(`(${term.replace(/-/\\^$*+?.()|\{}/g,\\$&)})`,gi), mark classhighlight>$1/mark>) : text; }); const visible faqItems.filter(i > i.style.display ! none); if (visible.length 1) { const only visible0; const btn only.querySelector(.faq-question); if (btn.getAttribute(aria-expanded) ! true) btn.click(); if (hasPreview) updatePreview(only); } } filterInput?.addEventListener(input, e > applyFilter(e.target.value)); clearBtn?.addEventListener(click, () > { if (filterInput){ filterInput.value; applyFilter(); filterInput.focus(); } }); applyFilter(); // initialize preview if present if (hasPreview && faqItems.length) updatePreview(faqItems0);})(); // Tilt if (window.VanillaTilt) { VanillaTilt.init(document.querySelectorAll(.card, .shop-card), { max: 15, speed: 400, glare: true, max-glare: 0.2 }); } // CUSTOM CURSOR + RING const cursor document.getElementById(custom-cursor); const ring document.getElementById(cursor-ring); let lastMouse { x: window.innerWidth/2, y: window.innerHeight/2 }; document.addEventListener(mousemove, e > { lastMouse { x: e.clientX, y: e.clientY }; if (cursor) { cursor.style.transform `translate(${e.clientX}px, ${e.clientY}px) translate(-50%, -50%) scale(1)`; } if (ring) { ring.style.transform `translate(${e.clientX}px, ${e.clientY}px) translate(-50%, -50%)`; } document.body.classList.add(cursor-hover); clearTimeout(window._cursorHoverTimeout); window._cursorHoverTimeout setTimeout(() > { document.body.classList.remove(cursor-hover); }, 100); }); document.addEventListener(mousedown, () > { if (cursor) cursor.style.transform `translate(${lastMouse.x}px, ${lastMouse.y}px) translate(-50%, -50%) scale(1.4)`; }); document.addEventListener(mouseup, () > { if (cursor) cursor.style.transform `translate(${lastMouse.x}px, ${lastMouse.y}px) translate(-50%, -50%) scale(1)`; }); // carousel logic & interactions (function(){ const carousel document.querySelector(.review-carousel); if (!carousel) return; const prev document.querySelector(.carousel-btn.prev); const next document.querySelector(.carousel-btn.next); let autoScrollId; const scrollStep 340; function scrollNext() { carousel.scrollBy({ left: scrollStep, behavior: smooth }); } function scrollPrev() { carousel.scrollBy({ left: -scrollStep, behavior: smooth }); } next?.addEventListener(click, () > { scrollNext(); resetAuto(); }); prev?.addEventListener(click, () > { scrollPrev(); resetAuto(); }); function startAuto() { autoScrollId setInterval(() > { if (carousel.scrollLeft + carousel.clientWidth > carousel.scrollWidth - 10) { carousel.scrollTo({ left: 0, behavior: smooth }); } else { scrollNext(); } }, 4200); } function resetAuto() { clearInterval(autoScrollId); startAuto(); } carousel.addEventListener(mouseenter, () > clearInterval(autoScrollId)); carousel.addEventListener(mouseleave, () > startAuto()); startAuto(); document.querySelectorAll(.like-btn).forEach(btn > { btn.addEventListener(click, (e) > { e.preventDefault(); const countEl btn.querySelector(.count); let count parseInt(countEl.textContent, 10) || 0; if (btn.classList.contains(liked)) { btn.classList.remove(liked); count Math.max(0, count - 1); } else { btn.classList.add(liked); count + 1; } countEl.textContent count; }); }); })(); // staggered entrance + ripple + membership select document.addEventListener(DOMContentLoaded, () > { const shopCards document.querySelectorAll(.shop-card); const memCards document.querySelectorAll(.membership-card); shopCards.forEach((el, i) > { setTimeout(() > el.classList.add(pop-in), i * 120); }); memCards.forEach(el > el.classList.add(pop-in)); document.querySelectorAll(.membership-card).forEach(card > { card.addEventListener(click, () > { document.querySelectorAll(.membership-card).forEach(c > c.classList.remove(selected)); card.classList.add(selected); }); card.addEventListener(keydown, e > { if (e.key Enter || e.key ) { card.click(); e.preventDefault(); } }); }); function createRipple(e) { const btn e.currentTarget; const rect btn.getBoundingClientRect(); const circle document.createElement(div); const size Math.max(rect.width, rect.height) * 1.2; circle.classList.add(ripple); circle.style.width circle.style.height size + px; circle.style.left (e.clientX - rect.left - size / 2) + px; circle.style.top (e.clientY - rect.top - size / 2) + px; btn.appendChild(circle); circle.addEventListener(animationend, () > circle.remove()); } document.querySelectorAll(.shop-btn, .membership-button).forEach(btn > { btn.addEventListener(click, createRipple); }); document.querySelectorAll(.membership-card.popular).forEach(c > { c.classList.add(floaty-loop); }); }); // TITLE ROTATOR const titles D3tx Services, Cronus Zen Scripts 🔥, Trusted by Thousands ✅; let idx 0; setInterval(() > { document.title titlesidx; idx (idx + 1) % titles.length; }, 1800); // AIM ASSIST GAME-LIKE PREVIEW LOGIC(function () { const canvas document.getElementById(gameAssistCanvas); if (!canvas) return; // -- prevents crash if the canvas isnt on this page const ctx canvas.getContext(2d); const toggleBtn document.getElementById(toggleAssist); const lockStatusEl document.getElementById(lockStatus); const accuracyFill document.getElementById(accuracyFill); const comboDisplay document.getElementById(comboDisplay); const targetInfo document.getElementById(targetInfo); const lockBadge document.getElementById(lockBadge); let enabled false; let raf null; let lastTs null; let cross { x: canvas.width/2, y: canvas.height/2 }; const waypoints { x: 120, y: 80 }, { x: 700, y: 140 }, { x: 820, y: 260 }, { x: 380, y: 340 }, { x: 600, y: 180 } ; let wpIndex 0; let waypointTimer 0; const waypointDuration 1400; const baseAssist 0.08; const lockRadius 28; let target { x: waypoints0.x, y: waypoints0.y }; let isLocked false; let combo 0; let lastLockTime 0; const trail ; const lockParticles ; let audioCtx; function playBeep() { if (!audioCtx) audioCtx new (window.AudioContext || window.webkitAudioContext)(); const osc audioCtx.createOscillator(); const gain audioCtx.createGain(); osc.type sawtooth; osc.frequency.value 520; gain.gain.setValueAtTime(0.15, audioCtx.currentTime); gain.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.2); osc.connect(gain); gain.connect(audioCtx.destination); osc.start(); osc.stop(audioCtx.currentTime + 0.2); } function easeInOut(t){ return t 0.5 ? 2*t*t : -1 + (4 - 2*t)*t; } function updateTarget(delta) { waypointTimer + delta; while (waypointTimer > waypointDuration) { waypointTimer - waypointDuration; wpIndex (wpIndex + 1) % waypoints.length; } const from waypointswpIndex; const to waypoints(wpIndex + 1) % waypoints.length; const t Math.min(Math.max(waypointTimer / waypointDuration, 0), 1); const eased easeInOut(t); target.x from.x + (to.x - from.x) * eased; target.y from.y + (to.y - from.y) * eased; targetInfo.textContent `Waypoint ${wpIndex + 1}`; } function updateCrosshair(delta) { const dx target.x - cross.x; const dy target.y - cross.y; const dist Math.hypot(dx, dy); const assistFactor 1 - Math.pow(1 - baseAssist, delta / 16); cross.x + dx * assistFactor; cross.y + dy * assistFactor; cross.x + (Math.random() - 0.5) * 0.2; cross.y + (Math.random() - 0.5) * 0.2; cross.x Math.min(Math.max(0, cross.x), canvas.width); cross.y Math.min(Math.max(0, cross.y), canvas.height); if (dist lockRadius) { if (!isLocked) { combo + 1; playBeep(); lastLockTime performance.now(); spawnLockBurst(target.x, target.y); } isLocked true; } else { if (isLocked && performance.now() - lastLockTime > 500) { combo 0; } isLocked false; } } function spawnLockBurst(x, y) { const count 14; for (let i0;icount;i++){ const angle Math.random() * Math.PI * 2; const speed 30 + Math.random()*20; const particle { x, y, vx: Math.cos(angle)*speed, vy: Math.sin(angle)*speed - 10, t: performance.now(), lifetime: 500 + Math.random()*200, size: 4 + Math.random()*3 }; lockParticles.push(particle); } } function updateParticles(now) { for (let i lockParticles.length-1; i >0; i--){ const p lockParticlesi; const age now - p.t; if (age > p.lifetime) { lockParticles.splice(i,1); continue; } p.x + p.vx * (1/60); p.y + p.vy * (1/60); p.vy + 0.35; } } function draw(now) { ctx.clearRect(0,0,canvas.width,canvas.height); // grid ctx.save(); ctx.lineWidth 1; ctx.strokeStyle rgba(255,255,255,0.04); const gridSize 40; for (let x0;xcanvas.width;x+gridSize){ ctx.beginPath(); ctx.moveTo(x,0); ctx.lineTo(x,canvas.height); ctx.stroke(); } for (let y0;ycanvas.height;y+gridSize){ ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(canvas.width,y); ctx.stroke(); } ctx.restore(); // waypoint path ctx.save(); ctx.lineWidth 2; ctx.strokeStyle rgba(0,255,255,0.08); ctx.beginPath(); waypoints.forEach((wp,i) > { if (i0) ctx.moveTo(wp.x, wp.y); else ctx.lineTo(wp.x, wp.y); }); ctx.stroke(); ctx.restore(); // target ctx.save(); ctx.translate(target.x, target.y); if (isLocked) { const pulse 1 + Math.sin(now / 180) * 0.08; ctx.globalAlpha 0.9; ctx.fillStyle rgba(0,255,119,0.15); ctx.beginPath(); ctx.arc(0,0,36 * pulse, 0, Math.PI*2); ctx.fill(); } ctx.fillStyle #ff5b5b; ctx.shadowColor rgba(255,91,91,0.9); ctx.shadowBlur 16; ctx.beginPath(); ctx.arc(0,0,14,0,Math.PI*2); ctx.fill(); ctx.restore(); // trail trail.push({ x: cross.x, y: cross.y, t: now }); while (trail.length && now - trail0.t > 450) trail.shift(); ctx.save(); for (let i0;itrail.length;i++){ const p traili; const age now - p.t; const alpha 1 - (age / 450); ctx.fillStyle `rgba(0,255,255,${alpha*0.35})`; ctx.beginPath(); ctx.arc(p.x, p.y, 6 * (alpha*0.7) + 2, 0, Math.PI*2); ctx.fill(); } ctx.restore(); // crosshair ctx.save(); ctx.translate(cross.x, cross.y); ctx.lineWidth 2; ctx.strokeStyle isLocked ? rgba(255,255,255,0.9) : rgba(0,255,119,0.7); ctx.shadowColor isLocked ? rgba(255,255,255,0.8) : rgba(0,255,119,0.7); ctx.shadowBlur 12; ctx.beginPath(); ctx.arc(0,0,18,0,Math.PI*2); ctx.stroke(); ctx.fillStyle isLocked ? #fff : rgba(0,255,119,0.9); ctx.beginPath(); ctx.arc(0,0,6,0,Math.PI*2); ctx.fill(); ctx.lineWidth 1.5; ctx.strokeStyle rgba(255,255,255,0.18); ctx.beginPath(); ctx.moveTo(-10,0); ctx.lineTo(10,0); ctx.moveTo(0,-10); ctx.lineTo(0,10); ctx.stroke(); ctx.restore(); // particles ctx.save(); lockParticles.forEach(p > { const age now - p.t; const lifeRatio Math.max(0, 1 - age / p.lifetime); ctx.globalAlpha lifeRatio * 0.8; ctx.fillStyle rgba(0,255,119,1); ctx.beginPath(); ctx.arc(p.x, p.y, p.size * lifeRatio, 0, Math.PI*2); ctx.fill(); }); ctx.restore(); } function updateHUD() { lockStatusEl.textContent isLocked ? LOCKED : UNLOCKED; lockStatusEl.style.background isLocked ? linear-gradient(135deg,var(--neon2),#00ffcc) : rgba(255,255,255,0.05); accuracyFill.style.width isLocked ? 100% : 25%; comboDisplay.textContent combo; if (isLocked) lockBadge.classList.add(active); else lockBadge.classList.remove(active); } function loop(ts) { if (!lastTs) lastTs ts; const delta Math.min(ts - lastTs, 80); lastTs ts; updateTarget(delta); updateCrosshair(delta); updateParticles(ts); draw(ts); updateHUD(); raf requestAnimationFrame(loop); } function startAssist() { if (enabled) return; enabled true; combo 0; lastTs null; toggleBtn.textContent 🛑 Disable Aim Assist; raf requestAnimationFrame(loop); } function stopAssist() { enabled false; cancelAnimationFrame(raf); toggleBtn.textContent 🎯 Enable Aim Assist; isLocked false; combo 0; lockStatusEl.textContent UNLOCKED; accuracyFill.style.width 0%; comboDisplay.textContent 0; lockBadge.classList.remove(active); } toggleBtn.addEventListener(click, () > { if (!enabled) startAssist(); else stopAssist(); }); // combo pulse feedback const observer new MutationObserver(() > { comboDisplay.classList.add(pulse); setTimeout(() > comboDisplay.classList.remove(pulse), 220); }); observer.observe(comboDisplay, { childList: true }); targetInfo.textContent Waypoint 1; })();/* See-all benefits (generic for every plan) */(() > { const cards ...document.querySelectorAll(#pricing-neo .plan); function buildPop(card){ let pop card.querySelector(.benefits-pop); if (pop) return pop; pop document.createElement(div); pop.className benefits-pop; const close document.createElement(button); close.className close-pop; close.type button; close.setAttribute(aria-label,Close); close.textContent ✕; pop.append(close); // Prefer a template if provided; otherwise clone the short feature list const tpl card.querySelector(template.benefits-template); if (tpl) { pop.append(tpl.content.cloneNode(true)); } else { const h4 document.createElement(h4); h4.textContent All benefits; const list card.querySelector(.features)?.cloneNode(true); list?.classList.remove(clamp); list?.style && (list.style.maxHeight none); pop.append(h4, list || document.createElement(div)); } card.appendChild(pop); close.addEventListener(click, () > toggle(card, false)); return pop; } function toggle(card, force){ const btn card.querySelector(.more); const pop buildPop(card); const open force ! null ? force : !pop.classList.contains(open); pop.classList.toggle(open, open); if (btn) { btn.textContent open ? See all benefits : See all benefits; btn.setAttribute(aria-expanded, String(open)); } } // Hook up every .more button cards.forEach(card > { const btn card.querySelector(.more); if (!btn) return; const fresh btn.cloneNode(true); btn.replaceWith(fresh); // wipe any old listeners fresh.addEventListener(click, e > { e.preventDefault(); e.stopPropagation(); toggle(card); }); }); // Click outside closes any open popover document.addEventListener(click, e > { document.querySelectorAll(#pricing-neo .benefits-pop.open).forEach(pop > { const card pop.closest(.plan); if (!card.contains(e.target)) toggle(card, false); }); });})(); (function(){ const btn document.getElementById(assistToggle); const target document.getElementById(assistTarget); const cross document.getElementById(assistCrosshair); const box document.getElementById(assistBox); const locked document.getElementById(assistLocked); let enabled false; let rafId; let cx 0, cy 0; const assistStrength 0.07; // magnet pull aggressiveness const lockRadius 24; // threshold for locked state function centerCrosshair() { const rect box.getBoundingClientRect(); cx rect.width / 2; cy rect.height / 2; cross.style.left cx + px; cross.style.top cy + px; } function runLoop() { if (!enabled) return; const boxRect box.getBoundingClientRect(); const targetRect target.getBoundingClientRect(); // compute target center relative to box const targetX targetRect.left + targetRect.width / 2 - boxRect.left; const targetY targetRect.top + targetRect.height / 2 - boxRect.top; // ease toward target const dx targetX - cx; const dy targetY - cy; cx + dx * assistStrength; cy + dy * assistStrength; // clamp inside cx Math.min(Math.max(cx, 0), boxRect.width); cy Math.min(Math.max(cy, 0), boxRect.height); cross.style.left cx + px; cross.style.top cy + px; // locked logic const dist Math.hypot(targetX - cx, targetY - cy); if (dist lockRadius) { locked.style.opacity 1; locked.style.transform scale(1); } else { locked.style.opacity 0; locked.style.transform scale(.9); } rafId requestAnimationFrame(runLoop); } btn.addEventListener(click, () > { enabled !enabled; btn.textContent enabled ? 🛑 Disable Aim Assist : 🎯 Enable Aim Assist; cancelAnimationFrame(rafId); centerCrosshair(); if (enabled) runLoop(); else locked.style.opacity 0; }); // start centered in case user never toggles immediately window.addEventListener(load, centerCrosshair); window.addEventListener(resize, centerCrosshair); })(); /script>script idbilling-toggle-fix>(function(){ const toggle document.getElementById(billToggle); const plans document.querySelectorAll(#pricing-neo .plan); function formatPrice(n){ if (Number.isInteger(n)) return `$${n}`; const rounded Math.round(n * 100) / 100; return `$${rounded.toFixed(2)}`; } function setPrices(yearly){ plans.forEach(p > { const num p.querySelector(.price .num); const per p.querySelector(.price .per); if(!num || !per) return; const m parseFloat(p.getAttribute(data-month)); const yAttr p.getAttribute(data-year); const y parseFloat(yAttr); if(yearly){ let val Number.isFinite(y) ? y : (Number.isFinite(m) ? m * 12 * 0.5 : NaN); num.textContent Number.isFinite(val) ? formatPrice(val) : `$${yAttr || }`; per.textContent /yr; } else { num.textContent Number.isFinite(m) ? formatPrice(m) : `$${p.getAttribute(data-month) || }`; per.textContent /mo; } }); } function sync(){ setPrices(!!toggle?.checked); } toggle?.addEventListener(change, sync); // Toggle when clicking the whole label area document.querySelector(#pricing-neo .billing-toggle)?.addEventListener(click, (e)>{ if(e.target.tagName ! INPUT && toggle){ toggle.checked !toggle.checked; sync(); } }); // run immediately so prices show correctly on first paint sync();})();/script>style idfooter-gap-fix>/* --- Footer gap fix & tighten spacing under reviews --- */#reviews.section, section.reviews { padding-bottom: 24px !important; margin-bottom: 0 !important; }.review-carousel-wrapper { margin-bottom: 0 !important; }#reviews .container { padding-bottom: 0 !important; }footer.footer { margin-top: 0 !important; padding-top: 16px !important; padding-bottom: 16px !important; }.section + .footer { margin-top: 0 !important; }/style>script idpricing-toggle-fix>(function(){ const toggle document.getElementById(billToggle); const plans document.querySelectorAll(#pricing-neo .plan); function fmt(n){ if (Number.isInteger(n)) return `$${n}`; return `$${(Math.round(n*100)/100).toFixed(2)}`; } function ensureWasSpan(p){ const price p.querySelector(.price); if (!price) return null; let was price.querySelector(.was); if (!was) { was document.createElement(span); was.className was; price.insertBefore(was, price.firstChild); } return was; } function setPrices(yearly){ plans.forEach(p > { const num p.querySelector(.price .num); const per p.querySelector(.price .per); if (!num || !per) return; const m parseFloat(p.getAttribute(data-month)); // base monthly if (!Number.isFinite(m)) return; if (yearly){ // Show monthly equivalent at 50% off const discountedMonthly m * 0.5; const was ensureWasSpan(p); if (was) was.textContent fmt(m); num.textContent fmt(discountedMonthly); per.textContent / month; } else { // Back to normal monthly view const was p.querySelector(.price .was); if (was) was.textContent ; // hide strike if you prefer: was.remove(); num.textContent fmt(m); per.textContent / month; } }); } function sync(){ setPrices(!!toggle?.checked); } // Run on load & when toggled if (document.readyState loading) { document.addEventListener(DOMContentLoaded, sync); } else { sync(); } toggle?.addEventListener(change, sync); // Also allow clicking the whole label area to toggle document.querySelector(#pricing-neo .billing-toggle) ?.addEventListener(click, (e) > { if (e.target.tagName ! INPUT && toggle) { toggle.checked !toggle.checked; sync(); } });})();/script>style idfooterOverhaul>/* --- Footer Overhaul: sleek neon glass, centered, compact --- */.footer{ position: relative; background: rgba(12,14,22,0.86); backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%); padding: 22px 0 26px; border-top: 1px solid rgba(0,255,255,.12); box-shadow: 0 -8px 40px rgba(0,255,255,.10), inset 0 1px 0 rgba(255,255,255,.04); isolation:isolate;}/* Decorative top line glow */.footer::before{ content:; position:absolute; left:4%; right:4%; top:0; height:1px; background: linear-gradient(90deg, transparent, rgba(0,255,255,.55), rgba(0,255,119,.55), transparent); filter: blur(0.4px); opacity:.7; pointer-events:none;}/* Layout */.footer .container{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;}/* Links row */.footer .social-links{ display:flex; align-items:center; justify-content:center; gap:20px; flex-wrap:wrap; margin:0;}.footer .social-links a{ position:relative; font-weight:700; font-size:.95rem; color:#eaf4ff; padding:6px 10px; border-radius:9px; transition: transform .2s ease, color .2s ease, background .25s ease, box-shadow .25s ease; text-decoration:none; opacity:.95;}.footer .social-links a::after{ content:; position:absolute; left:8px; right:8px; bottom:4px; height:1px; background: linear-gradient(90deg, transparent, rgba(0,255,255,.5), rgba(0,255,119,.5), transparent); transform: scaleX(0); transform-origin: center; transition: transform .25s ease; opacity:.65; pointer-events:none;}.footer .social-links a:hover{ color:#000; background: linear-gradient(135deg,var(--neon1),var(--neon2)); box-shadow:0 0 22px rgba(0,255,200,.45); transform: translateY(-1px);}.footer .social-links a:hover::after{ transform: scaleX(1); }/* Copyright line */.footer p{ margin:2px 0 0; color:#a9c1df; font-size:.85rem; letter-spacing:.25px; display:flex; align-items:center; gap:8px;}.footer p .dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background: linear-gradient(135deg,var(--neon1),var(--neon2)); box-shadow: 0 0 10px rgba(0,255,255,.6);}/* Ensure footer sticks to content neatly without giant gaps */.section:last-of-type{ margin-bottom: 28px; }/style> script> (function(){ const y document.getElementById(currentYear); if (y) y.textContent new Date().getFullYear(); // shows 2023–CURRENT const btn document.getElementById(toTop); if (btn) btn.addEventListener(click, () > window.scrollTo({ top: 0, behavior: smooth }) ); })(); window.addEventListener(load, () > { const loader document.getElementById(loader); setTimeout(() > { loader.classList.add(hidden); }, 1600); // });/script>script>/* ---- Reviews: like-once with persistence (singleton, no double fires) ---- */(() > { if (window.__d3txLikesInit) return; // guard against double init window.__d3txLikesInit true; const LS_LIKED d3tx_reviews_liked_v1; const LS_COUNTS d3tx_reviews_counts_v1; const getJSON (k, d) > { try { return JSON.parse(localStorage.getItem(k)) ?? d; } catch { return d; } }; const setJSON (k, v) > localStorage.setItem(k, JSON.stringify(v)); const toInt (t) > { const m String(t||).match(/\d+/); return m ? parseInt(m0,10) : 0; }; // Assign ids if missing const cards ...document.querySelectorAll(.review-card); cards.forEach((c, i) > { if (!c.dataset.reviewId) c.dataset.reviewId `r-${i}`; }); // Load state const likedSet new Set(getJSON(LS_LIKED, )); const savedCounts getJSON(LS_COUNTS, {}); // Apply state to UI cards.forEach(card > { const id card.dataset.reviewId; const btn card.querySelector(.like-btn); const countEl btn?.querySelector(.count); if (!btn || !countEl) return; const domCount toInt(countEl.textContent); const count savedCountsid ! undefined ? toInt(savedCountsid) : domCount; countEl.textContent count; if (likedSet.has(id)) { btn.classList.add(liked); btn.setAttribute(aria-pressed,true); btn.setAttribute(disabled,disabled); btn.dataset.locked 1; } else { btn.classList.remove(liked); btn.setAttribute(aria-pressed,false); btn.removeAttribute(disabled); btn.dataset.locked ; } }); // Single delegated listener (prevents duplicates) document.addEventListener(click, (e) > { const btn e.target.closest(.like-btn); if (!btn) return; // Stop any additional handlers that might be bound elsewhere e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation?.(); // Find card + id const card btn.closest(.review-card); if (!card) return; const id card.dataset.reviewId; if (!id) return; // Already liked on this browser? bail. if (btn.dataset.locked 1 || likedSet.has(id)) return; // Increment once const countEl btn.querySelector(.count); const newVal toInt(countEl?.textContent) + 1; if (countEl) countEl.textContent newVal; // Persist + lock likedSet.add(id); savedCountsid newVal; setJSON(LS_LIKED, ...likedSet); setJSON(LS_COUNTS, savedCounts); btn.classList.add(liked); btn.setAttribute(aria-pressed,true); btn.setAttribute(disabled,disabled); btn.dataset.locked 1; }, { capture: true }); // capture-phase to beat other listeners})();/script>script>(() > { const MIN_SHOW_MS 3500; // keep it ~3.5s const intro document.getElementById(intro); const fill intro.querySelector(.intro-fill); const glow intro.querySelector(.intro-glow); const pctEl intro.querySelector(.intro-percent); const canvas document.getElementById(intro-particles); const ctx canvas.getContext(2d); // center canvas and scale function sizeCanvas(){ const dpr Math.min(2, window.devicePixelRatio || 1); canvas.width canvas.clientWidth window.innerWidth; canvas.height canvas.clientHeight window.innerHeight; canvas.width * dpr; canvas.height * dpr; ctx.setTransform(dpr,0,0,dpr,0,0); } sizeCanvas(); window.addEventListener(resize, sizeCanvas); // particles const P ; for(let i0;i60;i++){ P.push({ x: Math.random()*window.innerWidth, y: Math.random()*window.innerHeight, r: 1 + Math.random()*2.2, vx: -0.4 + Math.random()*0.8, vy: -0.3 + Math.random()*0.6, c: Math.random().5 ? rgba(0,255,200,.45) : rgba(0,255,255,.45) }); } function drawParticles(){ ctx.clearRect(0,0,canvas.clientWidth,canvas.clientHeight); for(const p of P){ p.x + p.vx; p.y + p.vy; if(p.x-20) p.x window.innerWidth+20; if(p.x>window.innerWidth+20) p.x -20; if(p.y-20) p.y window.innerHeight+20; if(p.y>window.innerHeight+20) p.y -20; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, Math.PI*2); ctx.fillStyle p.c; ctx.fill(); } requestAnimationFrame(drawParticles); } drawParticles(); // progress let start performance.now(); let visual 0; let done false; function moveGlow(){ const x 8 + (visual/100)*84; // % glow.style.setProperty(--x, x+%); } const lerp (a,b,t) > a+(b-a)*t; function raf(){ if(done) return; const elapsed performance.now() - start; const t Math.min(1, elapsed / MIN_SHOW_MS); const target 5 + 95 * (1 - Math.pow(1 - t, 2.2)); visual lerp(visual, target, 0.12); fill.style.width visual.toFixed(2) + %; pctEl.textContent Math.round(visual) + %; moveGlow(); requestAnimationFrame(raf); } requestAnimationFrame(raf); // finish when page loaded AND min time reached let domReady false, timerReady false; window.addEventListener(load, () > { domReady true; maybeFinish(); }); setTimeout(() > { timerReady true; maybeFinish(); }, MIN_SHOW_MS); function maybeFinish(){ if(domReady && timerReady) finish(); } function finish(){ if(done) return; done true; visual 100; fill.style.width 100%; pctEl.textContent 100%; moveGlow(); setTimeout(() > { intro.classList.add(hidden); setTimeout(() > intro.remove(), 900); }, 250); } // glow follows cursor (nice touch) window.addEventListener(mousemove, (e) > { const rect intro.querySelector(.intro-meter).getBoundingClientRect(); const rel Math.max(0, Math.min(1, (e.clientX - rect.left)/rect.width)); glow.style.setProperty(--x, (8 + rel*84) + %); });})();/script>style> /* 1) Make fullscreen overlays/canvases slightly oversize and hide bleed */ #intro, #tsparticles { position: fixed; inset: 0; overflow: hidden; /* hide any 1px overshoot */ contain: paint; /* avoid sub-pixel bleed on some GPUs */ } /* 2) Expand canvases by 1px on every side + block layout prevents inline gap */ #intro-particles, #tsparticles canvas { position: absolute !important; left: -1px !important; top: -1px !important; width: calc(100% + 2px) !important; height: calc(100% + 2px) !important; display: block !important; /* remove inline-canvas baseline gap */ pointer-events: none !important; } /* 3) Make sure no element can create horizontal scrollbars */ html, body { overflow-x: hidden; } /* 4) Guard against any decorative pseudo-elements at the edges */ body::before, body::after { max-width: 100vw; overflow: hidden; }/style>script>(function () { const header document.querySelector(header); const banner document.getElementById(news-banner); const sentinel document.getElementById(banner-sentinel); if (!banner || !sentinel) return; // Keep banner just under the sticky header const setHeaderH () > { const h header ? Math.round(header.getBoundingClientRect().height) : 64; document.documentElement.style.setProperty(--header-h, (h || 64) + px); }; setHeaderH(); window.addEventListener(resize, setHeaderH); // Reveal only after loader is gone / page loaded const hasPreloader () > document.getElementById(loader) || document.querySelector(.preloader, .loader, .loading); const reveal () > { banner.style.display block; evaluateTop(true); attachScrollListeners(); }; if (hasPreloader()) { const mo new MutationObserver(() > { if (!hasPreloader()) { reveal(); mo.disconnect(); } }); mo.observe(document.documentElement, { childList:true, subtree:true, attributes:true, attributeFilter:class,style }); window.addEventListener(load, reveal, { once:true }); } else { window.addEventListener(load, reveal, { once:true }); } // --- Core: determine if we are at the very top, robust to custom scroll containers const TOP_PX 8; function atTopNow(){ // 1) Global scroll (works for normal pages) const globalY (document.scrollingElement && document.scrollingElement.scrollTop) ?? window.scrollY ?? 0; if (globalY > TOP_PX) return false; // 2) Sentinel vs viewport (works for inner scroll containers) const sentTop sentinel.getBoundingClientRect().top; const headBot header ? Math.round(header.getBoundingClientRect().bottom) : 0; return sentTop headBot + TOP_PX; // near the top edge of header } function evaluateTop(force){ const wantShow atTopNow(); const isShown banner.classList.contains(show); if (force || wantShow ! isShown){ banner.classList.toggle(show, wantShow); banner.classList.toggle(hide, !wantShow); } } // Listen to ALL possible scrollers up the tree function attachScrollListeners(){ const scrollers new Set(window, document); let node banner.parentElement; const overflowRe /(auto|scroll)/i; while (node){ const cs getComputedStyle(node); if (overflowRe.test(cs.overflowY) || overflowRe.test(cs.overflow)) scrollers.add(node); node node.parentElement; } scrollers.forEach(el > el.addEventListener(scroll, onScroll, { passive:true })); } let ticking false; function onScroll(){ if (!ticking){ requestAnimationFrame(() > { evaluateTop(false); ticking false; }); ticking true; } }})();/script>script>/* Banner + mobile-nav coordination */(function(){ const body document.body; function setNavOpen(isOpen){ body.classList.toggle(nav-open, !!isOpen); } // Try to find a menu toggle button const toggles document.querySelector(data-menu-toggle), document.querySelector(.menu-toggle), document.querySelector(.hamburger), document.querySelector(#menu-toggle), document.querySelector(buttonaria-controls*menu) .filter(Boolean); // Wire click toggles toggles.forEach(btn>{ btn.addEventListener(click, ()>{ const expanded btn.getAttribute(aria-expanded); if (expanded ! null) { setNavOpen(expanded true); } else { body.classList.toggle(nav-open); } }); }); // Observe aria-expanded changes in case your script controls it elsewhere const mo new MutationObserver(muts>{ muts.forEach(m>{ if (m.type attributes && m.attributeName aria-expanded){ setNavOpen(m.target.getAttribute(aria-expanded) true); } }); }); toggles.forEach(btn> mo.observe(btn, { attributes:true })); // Safety: close on route changes / back nav window.addEventListener(hashchange, ()> setNavOpen(false));})();/script>script>(function(){ const header document.querySelector(header); // try common hamburger selectors—use the one you have const btn document.querySelector(.menu-toggle, .hamburger, #menu-toggle, data-menu-toggle) || document.querySelector(buttonaria-controls*menu); if (!header || !btn) return; const toggle () > { // if using aria-expanded, keep it in sync const exp btn.getAttribute(aria-expanded); if (exp ! null) btn.setAttribute(aria-expanded, exp true ? false : true); header.classList.toggle(open); }; btn.addEventListener(click, toggle);})();/script>script>(function(){ // keep banner offset correct const header document.querySelector(header); const setHdr () > { const h header ? Math.round(header.getBoundingClientRect().height) : 64; document.documentElement.style.setProperty(--header-h, h + px); }; setHdr(); addEventListener(resize, setHdr); // find your hamburger button (use the one that exists) const btn document.querySelector(data-menu-toggle) || document.querySelector(.menu-toggle) || document.querySelector(.hamburger) || document.querySelector(#menu-toggle) || document.querySelector(buttonaria-controls*menu); const nav document.querySelector(header nav); if(!btn || !nav) return; function setOpen(open){ document.body.classList.toggle(nav-open, open); // sync aria-expanded if present if(btn.hasAttribute(aria-expanded)) btn.setAttribute(aria-expanded, String(open)); } btn.addEventListener(click, () > setOpen(!document.body.classList.contains(nav-open))); // close when a nav link is clicked nav.querySelectorAll(a).forEach(a > a.addEventListener(click, () > setOpen(false))); // close on ESC addEventListener(keydown, e > { if(e.key Escape) setOpen(false); });})();/script>script>(function(){ const header document.querySelector(header); const nav header && header.querySelector(nav); const btn document.querySelector(data-menu-toggle) || document.querySelector(.menu-toggle) || document.querySelector(.hamburger) || document.querySelector(#menu-toggle) || document.querySelector(buttonaria-controls*menu); if(!header || !nav || !btn) return; // keep banner offset variable correct const setHdr () > { const h Math.round(header.getBoundingClientRect().height || 64); document.documentElement.style.setProperty(--header-h, h + px); }; setHdr(); addEventListener(resize, setHdr); // Toggle ONLY via hamburger. No overlay/ESC/auto-close-on-link. function setOpen(open){ document.body.classList.toggle(nav-open, open); if(btn.hasAttribute(aria-expanded)) btn.setAttribute(aria-expanded, String(open)); } btn.addEventListener(click, () > setOpen(!document.body.classList.contains(nav-open)));})();/script>/main>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]