Help
RSS
API
Feed
Maltego
Contact
Domain > tsquaredmedia.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2014-12-27
192.185.17.104
(
ClassC
)
2026-02-11
132.148.180.197
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Wed, 11 Feb 2026 22:42:48 GMTServer: ApacheLocation: https://www.tsquaredmedia.com/Content-Length: 278Content-Type: text/html; charsetiso-8859-1 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd>html>head>title>301 Moved Permanently/title>/head>body>h1>Moved Permanently/h1>p>The document has moved a hrefhttps://www.tsquaredmedia.com/>here/a>./p>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Wed, 11 Feb 2026 22:42:49 GMTServer: ApacheUpgrade: h2,h2cConnection: UpgradeLast-Modified: Tue, 10 Feb 2026 04:01:09 GMTETag: 1320d57-1914c-64a704e3ba1f0Accept-Ranges: bytesVary: Accept-EncodingTransfer-Encoding: chunkedContent-Type: text/html !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0, maximum-scale1.0, user-scalableno> meta nameapple-mobile-web-app-capable contentyes> meta nameapple-mobile-web-app-status-bar-style contentblack-translucent> title>T² Media | Dominate Times Square - The Worlds Most Powerful Advertising Platform/title> meta namedescription contentT² Media delivers exponential brand exposure in Times Square. 380,000 daily impressions. 497% ROI. Your brand deserves the worlds most iconic stage.> meta nametheme-color content#050508> !-- Open Graph --> meta propertyog:title contentT² Media | Times Square Advertising Mastery> meta propertyog:description contentDominate the worlds most iconic advertising destination. 380,000 daily visitors. Exponential impact.> meta propertyog:type contentwebsite> !-- Fonts --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyOrbitron:wght@400;500;600;700;800;900&familyRajdhani:wght@300;400;500;600;700&familyBebas+Neue&familyShare+Tech+Mono&displayswap relstylesheet> !-- Font Awesome --> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css> style> /* ═══════════════════════════════════════════════════════════════ CSS CUSTOM PROPERTIES - CYBERPUNK TIMES SQUARE ═══════════════════════════════════════════════════════════════ */ :root { /* Void & Depth */ --bg-void: #000000; --bg-primary: #030308; --bg-elevated: #0a0a15; --bg-card: #0c0c1a; --bg-card-hover: #12122a; /* Text */ --text-primary: #ffffff; --text-secondary: #b0b0cc; --text-muted: #6060a0; /* Electric Neons */ --neon-magenta: #ff00ff; --neon-cyan: #00ffff; --neon-gold: #ffcc00; --neon-blue: #0066ff; --neon-pink: #ff0099; --neon-green: #00ff66; --neon-red: #ff0033; --neon-orange: #ff6600; --neon-purple: #9900ff; --neon-white: #ffffff; /* Gradients */ --gradient-hero: linear-gradient(135deg, #ff00ff 0%, #00ffff 50%, #ffcc00 100%); --gradient-neon: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%); --gradient-gold: linear-gradient(135deg, #ffcc00 0%, #ff6600 100%); --gradient-electric: linear-gradient(135deg, #0066ff 0%, #ff00ff 50%, #ff0099 100%); --gradient-rainbow: linear-gradient(90deg, #ff0000, #ff6600, #ffcc00, #00ff66, #00ffff, #0066ff, #9900ff, #ff00ff); /* Intense Glows */ --glow-magenta: 0 0 20px #ff00ff, 0 0 40px #ff00ff, 0 0 80px rgba(255, 0, 255, 0.5); --glow-cyan: 0 0 20px #00ffff, 0 0 40px #00ffff, 0 0 80px rgba(0, 255, 255, 0.5); --glow-gold: 0 0 20px #ffcc00, 0 0 40px #ffcc00, 0 0 80px rgba(255, 204, 0, 0.5); --glow-white: 0 0 20px #fff, 0 0 40px #fff, 0 0 80px rgba(255, 255, 255, 0.5); --glow-intense: 0 0 30px #ff00ff, 0 0 60px #00ffff, 0 0 100px #ffcc00; /* Borders */ --border-subtle: rgba(255, 255, 255, 0.05); --border-light: rgba(255, 255, 255, 0.1); --border-neon: rgba(255, 0, 255, 0.4); /* Typography */ --font-display: Orbitron, sans-serif; --font-body: Rajdhani, sans-serif; --font-heading: Bebas Neue, sans-serif; --font-mono: Share Tech Mono, monospace; /* Spacing */ --section-gap: 180px; --container-max: 1600px; /* Animation */ --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* Border Radius */ --radius-sm: 4px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 32px; } /* ═══════════════════════════════════════════════════════════════ RESET & BASE ═══════════════════════════════════════════════════════════════ */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: var(--neon-magenta) var(--bg-void); } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: var(--bg-void); } ::-webkit-scrollbar-thumb { background: var(--gradient-rainbow); border-radius: 3px; } body { font-family: var(--font-body); font-weight: 500; background: var(--bg-void); color: var(--text-primary); line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; } ::selection { background: var(--neon-magenta); color: var(--bg-void); } a { text-decoration: none; color: inherit; } img { max-width: 100%; height: auto; display: block; } /* ═══════════════════════════════════════════════════════════════ LOADING SCREEN - CINEMATIC INTRO ═══════════════════════════════════════════════════════════════ */ .loader { position: fixed; inset: 0; background: var(--bg-void); z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: opacity 1s var(--ease-out-expo), visibility 1s; } .loader.hidden { opacity: 0; visibility: hidden; pointer-events: none; } .loader-content { text-align: center; position: relative; } .loader-logo { font-family: var(--font-display); font-size: clamp(3rem, 10vw, 6rem); font-weight: 900; letter-spacing: 0.1em; position: relative; animation: logoFlicker 2s ease-in-out infinite; } .loader-logo .t2 { background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 30px rgba(255, 0, 255, 0.8)); } .loader-logo .media { color: var(--neon-white); text-shadow: var(--glow-white); } .loader-tagline { font-family: var(--font-mono); font-size: 1rem; color: var(--neon-cyan); margin-top: 1.5rem; letter-spacing: 6px; text-transform: uppercase; text-shadow: var(--glow-cyan); animation: taglinePulse 1.5s ease-in-out infinite; } .loader-bar-container { width: 300px; height: 4px; background: rgba(255, 255, 255, 0.1); border-radius: 2px; margin-top: 3rem; overflow: hidden; position: relative; } .loader-bar-container::before { content: ; position: absolute; inset: -2px; background: var(--gradient-neon); opacity: 0.3; filter: blur(4px); } .loader-progress { height: 100%; background: var(--gradient-rainbow); background-size: 200% 100%; animation: loadProgress 2s ease-out forwards, rainbowShift 1s linear infinite; border-radius: 2px; box-shadow: 0 0 20px var(--neon-magenta); } @keyframes loadProgress { 0% { width: 0%; } 100% { width: 100%; } } @keyframes rainbowShift { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } @keyframes logoFlicker { 0%, 100% { opacity: 1; } 50% { opacity: 0.95; } 52% { opacity: 1; } 54% { opacity: 0.9; } 56% { opacity: 1; } } @keyframes taglinePulse { 0%, 100% { opacity: 1; transform: translateY(0); } 50% { opacity: 0.8; transform: translateY(-2px); } } /* ═══════════════════════════════════════════════════════════════ CUSTOM CURSOR - NEON CROSSHAIR ═══════════════════════════════════════════════════════════════ */ .cursor { position: fixed; width: 30px; height: 30px; pointer-events: none; z-index: 9999; mix-blend-mode: difference; transition: transform 0.15s var(--ease-out-expo), width 0.3s, height 0.3s; } .cursor::before { content: ; position: absolute; inset: 0; border: 2px solid var(--neon-white); border-radius: 50%; box-shadow: 0 0 15px var(--neon-cyan), inset 0 0 15px rgba(0, 255, 255, 0.3); } .cursor::after { content: ; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: var(--neon-magenta); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px var(--neon-magenta); } .cursor.hover { width: 60px; height: 60px; } .cursor.hover::before { border-color: var(--neon-magenta); box-shadow: 0 0 30px var(--neon-magenta), inset 0 0 30px rgba(255, 0, 255, 0.3); } /* ═══════════════════════════════════════════════════════════════ NOISE TEXTURE & SCAN LINES ═══════════════════════════════════════════════════════════════ */ .noise { position: fixed; inset: 0; pointer-events: none; z-index: 9998; opacity: 0.04; background-image: url(data:image/svg+xml,%3Csvg viewBox0 0 400 400 xmlnshttp://www.w3.org/2000/svg%3E%3Cfilter idnoiseFilter%3E%3CfeTurbulence typefractalNoise baseFrequency0.9 numOctaves4 stitchTilesstitch/%3E%3C/filter%3E%3Crect width100%25 height100%25 filterurl(%23noiseFilter)/%3E%3C/svg%3E); } .scanlines { position: fixed; inset: 0; pointer-events: none; z-index: 9997; background: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0.1) 4px ); opacity: 0.3; } /* ═══════════════════════════════════════════════════════════════ SCROLL PROGRESS BAR ═══════════════════════════════════════════════════════════════ */ .scroll-progress { position: fixed; top: 0; left: 0; height: 4px; background: var(--gradient-rainbow); background-size: 200% 100%; animation: rainbowShift 3s linear infinite; z-index: 10001; transform-origin: left; transform: scaleX(0); box-shadow: 0 0 20px var(--neon-magenta), 0 0 40px var(--neon-cyan); } /* ═══════════════════════════════════════════════════════════════ FLOATING PARTICLES - ELECTRIC STORM ═══════════════════════════════════════════════════════════════ */ .particles { position: fixed; inset: 0; pointer-events: none; z-index: 1; overflow: hidden; } .particle { position: absolute; border-radius: 50%; animation: floatParticle linear infinite; filter: blur(1px); } @keyframes floatParticle { 0% { transform: translateY(100vh) rotate(0deg) scale(0); opacity: 0; } 10% { opacity: 1; transform: translateY(90vh) rotate(36deg) scale(1); } 90% { opacity: 1; } 100% { transform: translateY(-100px) rotate(360deg) scale(0.5); opacity: 0; } } /* ═══════════════════════════════════════════════════════════════ FLOATING DECK BUTTON - ALWAYS VISIBLE ═══════════════════════════════════════════════════════════════ */ .floating-deck-btn { position: fixed; right: 30px; bottom: 30px; z-index: 9990; display: flex; align-items: center; gap: 12px; padding: 18px 28px; background: linear-gradient(135deg, rgba(255, 0, 255, 0.2), rgba(0, 255, 255, 0.2)); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 2px solid var(--neon-magenta); border-radius: 60px; font-family: var(--font-display); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.1em; color: var(--text-primary); cursor: pointer; transition: all 0.4s var(--ease-out-expo); box-shadow: var(--glow-magenta); text-transform: uppercase; animation: floatBtn 3s ease-in-out infinite; } .floating-deck-btn:hover { transform: scale(1.1) translateY(-5px); background: linear-gradient(135deg, rgba(255, 0, 255, 0.4), rgba(0, 255, 255, 0.4)); box-shadow: 0 0 40px var(--neon-magenta), 0 0 80px var(--neon-cyan); } .floating-deck-btn i { font-size: 1.3rem; color: var(--neon-cyan); animation: iconPulse 1.5s ease-in-out infinite; } @keyframes floatBtn { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes iconPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } /* ═══════════════════════════════════════════════════════════════ NAVIGATION - HOLOGRAPHIC ═══════════════════════════════════════════════════════════════ */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 1.5rem 3rem; transition: all 0.5s var(--ease-out-expo); } .nav.scrolled { padding: 1rem 3rem; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-bottom: 1px solid rgba(255, 0, 255, 0.3); box-shadow: 0 10px 60px rgba(255, 0, 255, 0.2); } .nav-inner { max-width: var(--container-max); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .nav-logo { display: flex; align-items: center; gap: 12px; font-family: var(--font-display); font-weight: 900; font-size: 1.8rem; letter-spacing: 0.05em; } .nav-logo-icon { width: 50px; height: 50px; background: var(--gradient-hero); border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: var(--glow-magenta); position: relative; overflow: hidden; } .nav-logo-icon::before { content: ; position: absolute; inset: 0; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%); animation: shimmer 2s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .nav-logo-icon svg { width: 28px; height: 28px; fill: white; position: relative; z-index: 1; } .nav-logo-text { background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 10px rgba(255, 0, 255, 0.5)); } .nav-links { display: flex; align-items: center; gap: 2.5rem; } .nav-link { font-family: var(--font-display); font-weight: 600; font-size: 0.85rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-secondary); transition: all 0.3s var(--ease-out-expo); position: relative; padding: 0.5rem 0; } .nav-link::after { content: ; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--gradient-neon); transition: width 0.4s var(--ease-out-expo); box-shadow: 0 0 10px var(--neon-cyan); } .nav-link:hover { color: var(--neon-cyan); text-shadow: 0 0 20px var(--neon-cyan); } .nav-link:hover::after { width: 100%; } .nav-deck-btn { display: flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--gradient-gold); border-radius: 50px; font-family: var(--font-display); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bg-void); transition: all 0.4s var(--ease-out-expo); box-shadow: var(--glow-gold); } .nav-deck-btn:hover { transform: scale(1.05); box-shadow: 0 0 40px var(--neon-gold), 0 0 80px rgba(255, 204, 0, 0.5); } .nav-deck-btn i { animation: iconBounce 1s ease-in-out infinite; } @keyframes iconBounce { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } } /* Mobile Menu Button */ .mobile-menu-btn { display: none; width: 50px; height: 50px; background: transparent; border: 2px solid var(--neon-magenta); border-radius: 12px; cursor: pointer; position: relative; z-index: 1002; box-shadow: var(--glow-magenta); } .mobile-menu-btn span { position: absolute; left: 50%; width: 24px; height: 2px; background: var(--neon-cyan); transform: translateX(-50%); transition: all 0.3s var(--ease-out-expo); box-shadow: 0 0 10px var(--neon-cyan); } .mobile-menu-btn span:nth-child(1) { top: 16px; } .mobile-menu-btn span:nth-child(2) { top: 24px; } .mobile-menu-btn span:nth-child(3) { top: 32px; } .mobile-menu-btn.active span:nth-child(1) { top: 24px; transform: translateX(-50%) rotate(45deg); } .mobile-menu-btn.active span:nth-child(2) { opacity: 0; } .mobile-menu-btn.active span:nth-child(3) { top: 24px; transform: translateX(-50%) rotate(-45deg); } /* Mobile Nav */ .mobile-nav { position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.98); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); z-index: 1001; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.5rem; transition: right 0.5s var(--ease-out-expo); } .mobile-nav.active { right: 0; } .mobile-nav-link { font-family: var(--font-display); font-weight: 700; font-size: 2rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-primary); transition: all 0.3s; } .mobile-nav-link:hover { color: var(--neon-cyan); text-shadow: var(--glow-cyan); } .mobile-deck-btn { margin-top: 2rem; padding: 20px 40px; background: var(--gradient-gold); border-radius: 60px; font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bg-void); box-shadow: var(--glow-gold); } /* ═══════════════════════════════════════════════════════════════ HERO SECTION - CINEMATIC TIMES SQUARE ═══════════════════════════════════════════════════════════════ */ .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } .hero-bg { position: absolute; inset: 0; z-index: 0; } .hero-bg img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.3) brightness(0.4); } .hero-overlay { position: absolute; inset: 0; background: radial-gradient(ellipse at center, transparent 0%, var(--bg-void) 70%), linear-gradient(180deg, rgba(255, 0, 255, 0.1) 0%, transparent 30%), linear-gradient(0deg, var(--bg-void) 0%, transparent 40%); } /* Animated Grid */ .hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(0, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 255, 0.05) 1px, transparent 1px); background-size: 80px 80px; transform: perspective(500px) rotateX(60deg) translateY(-50%); transform-origin: center top; animation: gridPulse 4s ease-in-out infinite; opacity: 0.5; } @keyframes gridPulse { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.6; } } .hero-content { position: relative; z-index: 10; max-width: 1200px; padding: 0 2rem; text-align: center; } .hero-badge { display: inline-flex; align-items: center; gap: 12px; padding: 12px 28px; background: rgba(255, 0, 255, 0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255, 0, 255, 0.4); border-radius: 50px; font-family: var(--font-mono); font-size: 0.85rem; color: var(--neon-magenta); margin-bottom: 2.5rem; animation: badgePulse 2s ease-in-out infinite; box-shadow: var(--glow-magenta); } .hero-badge .dot { width: 10px; height: 10px; background: var(--neon-magenta); border-radius: 50%; animation: dotPulse 1s ease-in-out infinite; box-shadow: 0 0 20px var(--neon-magenta); } @keyframes dotPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } } @keyframes badgePulse { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .hero-title { font-family: var(--font-display); font-size: clamp(4rem, 12vw, 10rem); font-weight: 900; line-height: 0.9; margin-bottom: 2rem; text-transform: uppercase; letter-spacing: -0.02em; } .hero-title .line1 { display: block; color: var(--text-primary); text-shadow: 0 0 60px rgba(255, 255, 255, 0.3); position: relative; } .hero-title .line1::before { content: DOMINATE; position: absolute; left: 2px; top: 2px; color: var(--neon-cyan); opacity: 0.5; z-index: -1; animation: glitchCyan 3s infinite; } .hero-title .line1::after { content: DOMINATE; position: absolute; left: -2px; top: -2px; color: var(--neon-magenta); opacity: 0.5; z-index: -1; animation: glitchMagenta 3s infinite; } @keyframes glitchCyan { 0%, 100% { transform: translate(0); } 20% { transform: translate(-3px, 3px); } 40% { transform: translate(3px, -3px); } 60% { transform: translate(-3px, -3px); } 80% { transform: translate(3px, 3px); } } @keyframes glitchMagenta { 0%, 100% { transform: translate(0); } 20% { transform: translate(3px, -3px); } 40% { transform: translate(-3px, 3px); } 60% { transform: translate(3px, 3px); } 80% { transform: translate(-3px, -3px); } } .hero-title .line2 { display: block; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 40px rgba(255, 0, 255, 0.6)); animation: heroTextGlow 2s ease-in-out infinite; } @keyframes heroTextGlow { 0%, 100% { filter: drop-shadow(0 0 40px rgba(255, 0, 255, 0.6)); } 50% { filter: drop-shadow(0 0 80px rgba(0, 255, 255, 0.8)); } } .hero-subtitle { font-family: var(--font-body); font-size: clamp(1.2rem, 2.5vw, 1.8rem); font-weight: 400; color: var(--text-secondary); max-width: 700px; margin: 0 auto 3rem; line-height: 1.6; } .hero-stats { display: flex; justify-content: center; gap: 4rem; margin-bottom: 3.5rem; flex-wrap: wrap; } .hero-stat { text-align: center; } .hero-stat-value { font-family: var(--font-display); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 20px rgba(255, 0, 255, 0.5)); } .hero-stat-label { font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; margin-top: 0.5rem; } .hero-ctas { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; } .btn { display: inline-flex; align-items: center; gap: 12px; padding: 20px 40px; border-radius: 60px; font-family: var(--font-display); font-weight: 700; font-size: 1rem; letter-spacing: 0.1em; text-transform: uppercase; transition: all 0.4s var(--ease-out-expo); cursor: pointer; border: none; position: relative; overflow: hidden; } .btn::before { content: ; position: absolute; inset: 0; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.2) 50%, transparent 70%); transform: translateX(-100%); transition: transform 0.6s; } .btn:hover::before { transform: translateX(100%); } .btn-primary { background: var(--gradient-hero); color: var(--bg-void); box-shadow: var(--glow-magenta); } .btn-primary:hover { transform: scale(1.08) translateY(-3px); box-shadow: 0 0 50px var(--neon-magenta), 0 0 100px var(--neon-cyan); } .btn-secondary { background: transparent; border: 2px solid var(--neon-gold); color: var(--neon-gold); box-shadow: var(--glow-gold); } .btn-secondary:hover { background: var(--neon-gold); color: var(--bg-void); transform: scale(1.08) translateY(-3px); box-shadow: 0 0 50px var(--neon-gold), 0 0 100px rgba(255, 204, 0, 0.5); } .scroll-indicator { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 12px; animation: scrollBounce 2s ease-in-out infinite; } .scroll-indicator span { font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-muted); letter-spacing: 0.2em; text-transform: uppercase; } .scroll-indicator .mouse { width: 28px; height: 44px; border: 2px solid var(--neon-cyan); border-radius: 20px; position: relative; box-shadow: 0 0 20px var(--neon-cyan); } .scroll-indicator .wheel { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 4px; height: 10px; background: var(--neon-magenta); border-radius: 2px; animation: scrollWheel 1.5s ease-in-out infinite; box-shadow: 0 0 15px var(--neon-magenta); } @keyframes scrollBounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(15px); } } @keyframes scrollWheel { 0%, 100% { opacity: 1; transform: translateX(-50%) translateY(0); } 100% { opacity: 0; transform: translateX(-50%) translateY(15px); } } /* ═══════════════════════════════════════════════════════════════ SECTIONS - COMMON STYLES ═══════════════════════════════════════════════════════════════ */ section { position: relative; padding: var(--section-gap) 2rem; } .section-container { max-width: var(--container-max); margin: 0 auto; } .section-header { text-align: center; margin-bottom: 5rem; } .section-label { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 0.85rem; color: var(--neon-cyan); letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 1.5rem; text-shadow: 0 0 20px var(--neon-cyan); } .section-label::before, .section-label::after { content: ; width: 40px; height: 1px; background: var(--neon-cyan); box-shadow: 0 0 10px var(--neon-cyan); } .section-title { font-family: var(--font-display); font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 900; line-height: 1.1; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 1.5rem; } .section-title .highlight { background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 30px rgba(255, 0, 255, 0.5)); } .section-subtitle { font-size: 1.2rem; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.7; } /* Reveal Animations */ .reveal { opacity: 0; transform: translateY(60px); transition: all 1s var(--ease-out-expo); } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } .reveal-delay-5 { transition-delay: 0.5s; } /* ═══════════════════════════════════════════════════════════════ ABOUT SECTION ═══════════════════════════════════════════════════════════════ */ #about { background: radial-gradient(ellipse at 50% 0%, rgba(255, 0, 255, 0.08) 0%, transparent 50%); } .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; } .about-content h3 { font-family: var(--font-display); font-size: 2.5rem; font-weight: 800; margin-bottom: 2rem; text-transform: uppercase; } .about-content h3 span { background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .about-content p { color: var(--text-secondary); margin-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.8; } .about-content p:first-of-type::first-letter { font-family: var(--font-display); font-size: 4rem; font-weight: 900; float: left; margin-right: 1rem; margin-top: 0.5rem; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 0.8; } .about-visual { position: relative; height: 500px; } .about-image-main { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-lg); border: 2px solid rgba(255, 0, 255, 0.3); box-shadow: var(--glow-magenta); } .about-stats { position: absolute; display: flex; flex-direction: column; gap: 1.5rem; } .about-stats.left { left: -60px; top: 50%; transform: translateY(-50%); } .about-stats.right { right: -60px; bottom: 40px; } .about-stat-card { padding: 1.5rem 2rem; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(20px); border: 1px solid var(--neon-cyan); border-radius: var(--radius-md); box-shadow: var(--glow-cyan); animation: floatCard 4s ease-in-out infinite; } .about-stat-card:nth-child(2) { animation-delay: 1s; } @keyframes floatCard { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } .about-stat-card .value { font-family: var(--font-display); font-size: 2rem; font-weight: 900; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .about-stat-card .label { font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-muted); letter-spacing: 0.1em; text-transform: uppercase; } /* ═══════════════════════════════════════════════════════════════ SERVICES SECTION ═══════════════════════════════════════════════════════════════ */ #services { background: linear-gradient(180deg, var(--bg-void) 0%, rgba(0, 255, 255, 0.03) 50%, var(--bg-void) 100%); } .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .service-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: var(--radius-lg); padding: 3rem 2rem; text-align: center; transition: all 0.5s var(--ease-out-expo); position: relative; overflow: hidden; } .service-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--gradient-hero); transform: scaleX(0); transition: transform 0.5s var(--ease-out-expo); } .service-card:hover { transform: translateY(-15px); border-color: rgba(255, 0, 255, 0.4); box-shadow: var(--glow-magenta); } .service-card:hover::before { transform: scaleX(1); } .service-icon { width: 80px; height: 80px; margin: 0 auto 2rem; background: var(--gradient-neon); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; transition: all 0.5s var(--ease-out-expo); box-shadow: var(--glow-cyan); } .service-card:hover .service-icon { transform: scale(1.15) rotate(10deg); box-shadow: 0 0 40px var(--neon-magenta); } .service-card h3 { font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.05em; } .service-card p { font-size: 1rem; color: var(--text-secondary); line-height: 1.6; } /* ═══════════════════════════════════════════════════════════════ PORTFOLIO SECTION - CASE STUDIES ═══════════════════════════════════════════════════════════════ */ #portfolio { background: radial-gradient(ellipse at 50% 100%, rgba(255, 204, 0, 0.05) 0%, transparent 50%); } .portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 400px); gap: 2rem; } .portfolio-item { position: relative; border-radius: var(--radius-lg); overflow: hidden; cursor: pointer; border: 2px solid transparent; transition: all 0.5s var(--ease-out-expo); } .portfolio-item:hover { border-color: var(--neon-magenta); box-shadow: var(--glow-intense); transform: scale(1.02); } /* First item spans 2 columns */ .portfolio-item:first-child { grid-column: span 2; } .portfolio-item img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s var(--ease-out-expo); } .portfolio-item:hover img { transform: scale(1.1); filter: brightness(0.7); } .portfolio-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.95) 100% ); display: flex; flex-direction: column; justify-content: flex-end; padding: 2.5rem; opacity: 0.8; transition: all 0.5s var(--ease-out-expo); } .portfolio-item:hover .portfolio-overlay { opacity: 1; background: linear-gradient( 180deg, rgba(255, 0, 255, 0.1) 0%, rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 0.98) 100% ); } .portfolio-brand { font-family: var(--font-mono); font-size: 0.8rem; color: var(--neon-cyan); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0.5rem; text-shadow: 0 0 10px var(--neon-cyan); opacity: 0; transform: translateY(20px); transition: all 0.5s var(--ease-out-expo); } .portfolio-item:hover .portfolio-brand { opacity: 1; transform: translateY(0); } .portfolio-overlay h3 { font-family: var(--font-display); font-size: 1.8rem; font-weight: 800; text-transform: uppercase; margin-bottom: 1rem; transform: translateY(20px); transition: all 0.5s var(--ease-out-expo) 0.1s; } .portfolio-item:hover .portfolio-overlay h3 { transform: translateY(0); } .portfolio-overlay p { font-size: 1rem; color: var(--text-secondary); line-height: 1.6; transform: translateY(20px); opacity: 0; transition: all 0.5s var(--ease-out-expo) 0.2s; } .portfolio-item:hover .portfolio-overlay p { transform: translateY(0); opacity: 1; } .portfolio-stats { display: flex; gap: 2rem; margin-top: 1.5rem; transform: translateY(20px); opacity: 0; transition: all 0.5s var(--ease-out-expo) 0.3s; } .portfolio-item:hover .portfolio-stats { transform: translateY(0); opacity: 1; } .portfolio-stat { display: flex; flex-direction: column; } .portfolio-stat .value { font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .portfolio-stat .label { font-family: var(--font-mono); font-size: 0.7rem; color: var(--text-muted); letter-spacing: 0.1em; text-transform: uppercase; } /* ═══════════════════════════════════════════════════════════════ STATS SECTION - MEGA IMPACT ═══════════════════════════════════════════════════════════════ */ #stats { background: linear-gradient(135deg, rgba(255, 0, 255, 0.05) 0%, rgba(0, 255, 255, 0.05) 100%); padding: 8rem 2rem; } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem; } .stat-card { text-align: center; padding: 3rem 2rem; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius-lg); transition: all 0.5s var(--ease-out-expo); } .stat-card:hover { border-color: var(--neon-magenta); box-shadow: var(--glow-magenta); transform: translateY(-10px); } .stat-value { font-family: var(--font-display); font-size: clamp(3rem, 6vw, 4.5rem); font-weight: 900; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 30px rgba(255, 0, 255, 0.5)); } .stat-label { font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; margin-top: 1rem; } /* ═══════════════════════════════════════════════════════════════ TEAM SECTION ═══════════════════════════════════════════════════════════════ */ #team { background: radial-gradient(ellipse at 50% 50%, rgba(0, 255, 255, 0.05) 0%, transparent 50%); } .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; } .team-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: var(--radius-lg); padding: 3rem; text-align: center; transition: all 0.5s var(--ease-out-expo); position: relative; overflow: hidden; } .team-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--gradient-hero); } .team-card:hover { transform: translateY(-15px); border-color: rgba(255, 0, 255, 0.3); box-shadow: var(--glow-magenta); } .team-avatar { width: 120px; height: 120px; margin: 0 auto 2rem; background: var(--gradient-neon); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 2.5rem; font-weight: 900; color: var(--bg-void); box-shadow: var(--glow-cyan); position: relative; } .team-avatar::after { content: ; position: absolute; inset: -4px; border: 2px solid var(--neon-magenta); border-radius: 50%; animation: avatarPulse 2s ease-in-out infinite; } @keyframes avatarPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.5; } } .team-card h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; text-transform: uppercase; } .team-role { font-family: var(--font-mono); font-size: 0.85rem; color: var(--neon-cyan); letter-spacing: 0.1em; text-transform: uppercase; text-shadow: 0 0 10px var(--neon-cyan); } /* ═══════════════════════════════════════════════════════════════ CTA SECTION - MASSIVE IMPACT ═══════════════════════════════════════════════════════════════ */ #cta { padding: 10rem 2rem; background: radial-gradient(ellipse at 30% 50%, rgba(255, 0, 255, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgba(0, 255, 255, 0.15) 0%, transparent 50%), var(--bg-void); text-align: center; position: relative; overflow: hidden; } .cta-content { max-width: 900px; margin: 0 auto; position: relative; z-index: 10; } .cta-title { font-family: var(--font-display); font-size: clamp(3rem, 8vw, 6rem); font-weight: 900; text-transform: uppercase; line-height: 1; margin-bottom: 2rem; } .cta-title span { display: block; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 40px rgba(255, 0, 255, 0.6)); } .cta-subtitle { font-size: 1.4rem; color: var(--text-secondary); margin-bottom: 3.5rem; max-width: 600px; margin-left: auto; margin-right: auto; } .cta-buttons { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; } /* ═══════════════════════════════════════════════════════════════ CONTACT SECTION ═══════════════════════════════════════════════════════════════ */ #contact { background: linear-gradient(180deg, var(--bg-void) 0%, rgba(255, 0, 255, 0.03) 100%); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; } .contact-form-container { background: linear-gradient(145deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: var(--radius-lg); padding: 3rem; } .contact-form { display: flex; flex-direction: column; gap: 1.5rem; } .form-group { position: relative; } .form-group label { position: absolute; top: 50%; left: 1.5rem; transform: translateY(-50%); font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted); letter-spacing: 0.1em; text-transform: uppercase; transition: all 0.3s var(--ease-out-expo); pointer-events: none; } .form-group.textarea label { top: 1.5rem; transform: none; } .form-group input, .form-group textarea { width: 100%; padding: 1.5rem; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius-md); font-family: var(--font-body); font-size: 1rem; color: var(--text-primary); transition: all 0.3s var(--ease-out-expo); } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--neon-magenta); box-shadow: 0 0 20px rgba(255, 0, 255, 0.3); } .form-group input:focus + label, .form-group input:not(:placeholder-shown) + label, .form-group textarea:focus + label, .form-group textarea:not(:placeholder-shown) + label { top: -10px; left: 1rem; font-size: 0.75rem; color: var(--neon-cyan); background: var(--bg-void); padding: 0 0.5rem; } .form-group textarea { min-height: 150px; resize: vertical; } .contact-info { display: flex; flex-direction: column; justify-content: center; } .contact-info h3 { font-family: var(--font-display); font-size: 2.5rem; font-weight: 800; text-transform: uppercase; margin-bottom: 2rem; } .contact-info h3 span { background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .contact-details { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 3rem; } .contact-item { display: flex; align-items: center; gap: 1.5rem; } .contact-item i { width: 60px; height: 60px; background: var(--gradient-neon); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--bg-void); box-shadow: var(--glow-cyan); } .contact-item-text { display: flex; flex-direction: column; } .contact-item-label { font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; } .contact-item-value { font-size: 1.2rem; color: var(--text-primary); } .map-container { height: 250px; border-radius: var(--radius-lg); overflow: hidden; border: 2px solid rgba(255, 0, 255, 0.3); box-shadow: var(--glow-magenta); } .map-container iframe { width: 100%; height: 100%; filter: grayscale(100%) invert(90%) contrast(90%); } /* ═══════════════════════════════════════════════════════════════ FOOTER ═══════════════════════════════════════════════════════════════ */ footer { background: var(--bg-void); border-top: 1px solid rgba(255, 0, 255, 0.2); padding: 5rem 2rem 2rem; } .footer-inner { max-width: var(--container-max); margin: 0 auto; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 4rem; margin-bottom: 4rem; } .footer-brand { font-family: var(--font-display); font-size: 2rem; font-weight: 900; background: var(--gradient-hero); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 1.5rem; } .footer-desc { color: var(--text-secondary); margin-bottom: 2rem; max-width: 350px; line-height: 1.7; } .footer-socials { display: flex; gap: 1rem; } .footer-socials a { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--text-secondary); transition: all 0.3s var(--ease-out-expo); } .footer-socials a:hover { background: var(--gradient-hero); border-color: transparent; color: var(--bg-void); transform: translateY(-5px); box-shadow: var(--glow-magenta); } .footer-column h4 { font-family: var(--font-display); font-size: 1rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--neon-cyan); margin-bottom: 1.5rem; text-shadow: 0 0 10px var(--neon-cyan); } .footer-links { display: flex; flex-direction: column; gap: 0.75rem; } .footer-links a { color: var(--text-secondary); transition: all 0.3s; font-size: 1rem; } .footer-links a:hover { color: var(--neon-magenta); text-shadow: 0 0 10px var(--neon-magenta); transform: translateX(5px); } .footer-bottom { padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.05); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } .footer-copyright { font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-muted); } /* ═══════════════════════════════════════════════════════════════ RESPONSIVE ═══════════════════════════════════════════════════════════════ */ @media (max-width: 1200px) { .services-grid { grid-template-columns: repeat(2, 1fr); } .portfolio-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } .portfolio-item:first-child { grid-column: span 2; } .footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1024px) { .nav-links { display: none; } .mobile-menu-btn { display: block; } .about-grid { grid-template-columns: 1fr; gap: 4rem; } .about-visual { order: -1; height: 400px; } .about-stats.left, .about-stats.right { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; flex-direction: row; justify-content: center; margin-top: 2rem; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .team-grid { grid-template-columns: repeat(2, 1fr); } .contact-grid { grid-template-columns: 1fr; } .floating-deck-btn { right: 20px; bottom: 20px; padding: 14px 20px; font-size: 0.8rem; } } @media (max-width: 768px) { section { padding: 100px 1.5rem; } .hero-stats { gap: 2rem; } .services-grid { grid-template-columns: 1fr; } .portfolio-grid { grid-template-columns: 1fr; } .portfolio-item:first-child { grid-column: span 1; } .portfolio-grid .portfolio-item { height: 350px; } .stats-grid { grid-template-columns: 1fr; } .team-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; text-align: center; } .footer-brand-col { order: -1; } .footer-socials { justify-content: center; } .footer-desc { margin-left: auto; margin-right: auto; } .footer-bottom { flex-direction: column; text-align: center; } .scroll-indicator { display: none; } .floating-deck-btn span { display: none; } .floating-deck-btn { width: 60px; height: 60px; padding: 0; justify-content: center; border-radius: 50%; } .floating-deck-btn i { font-size: 1.5rem; margin: 0; } } /* Hide cursor on touch devices */ @media (hover: none) { .cursor { display: none; } } /style>/head>body> !-- Loading Screen --> div classloader idloader> div classloader-content> div classloader-logo> span classt2>T²/span> span classmedia>MEDIA/span> /div> div classloader-tagline>Exponential Impact/div> div classloader-bar-container> div classloader-progress>/div> /div> /div> /div> !-- Custom Cursor --> div classcursor idcursor>/div> !-- Visual Effects --> div classnoise>/div> div classscanlines>/div> div classscroll-progress idscrollProgress>/div> !-- Floating Particles --> div classparticles idparticles>/div> !-- Floating Deck Button --> a hrefdeck.html classfloating-deck-btn> i classfas fa-chart-line>/i> span>View Deck/span> /a> !-- Mobile Navigation --> div classmobile-nav idmobileNav> a href#about classmobile-nav-link>About/a> a href#services classmobile-nav-link>Services/a> a href#portfolio classmobile-nav-link>Portfolio/a> a href#team classmobile-nav-link>Team/a> a href#contact classmobile-nav-link>Contact/a> a hrefdeck.html classmobile-deck-btn> i classfas fa-chart-line>/i> View Media Deck /a> /div> !-- Navigation --> nav classnav idnav> div classnav-inner> a href# classnav-logo> div classnav-logo-icon> svg viewBox0 0 24 24> path dM3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm6 0h4v4h-4V7zm-6 6h4v4H7v-4zm6 0h4v4h-4v-4z/> /svg> /div> span classnav-logo-text>T² MEDIA/span> /a> div classnav-links> a href#about classnav-link>About/a> a href#services classnav-link>Services/a> a href#portfolio classnav-link>Portfolio/a> a href#team classnav-link>Team/a> a href#contact classnav-link>Contact/a> a hrefdeck.html classnav-deck-btn> i classfas fa-chart-line>/i> Media Deck /a> /div> button classmobile-menu-btn idmobileMenuBtn aria-labelToggle Menu> span>/span> span>/span> span>/span> /button> /div> /nav> !-- Hero Section --> section classhero> div classhero-bg> img srchttps://images.unsplash.com/photo-1534430480872-3498386e7856?w1920&q80 altTimes Square at Night> /div> div classhero-overlay>/div> div classhero-grid>/div> div classhero-content> div classhero-badge> span classdot>/span> The Worlds Most Powerful Advertising Platform /div> h1 classhero-title> span classline1>DOMINATE/span> span classline2>TIMES SQUARE/span> /h1> p classhero-subtitle> 380,000 daily visitors. 1.5 billion annual impressions. Your brand on the worlds most iconic stage. /p> div classhero-stats> div classhero-stat> div classhero-stat-value data-count380>0/div> div classhero-stat-label>K+ Daily Visitors/div> /div> div classhero-stat> div classhero-stat-value data-count497>0/div> div classhero-stat-label>% Average ROI/div> /div> div classhero-stat> div classhero-stat-value>24/7/div> div classhero-stat-label>Global Presence/div> /div> /div> div classhero-ctas> a href#contact classbtn btn-primary> i classfas fa-rocket>/i> span>Launch Your Campaign/span> /a> a hrefdeck.html classbtn btn-secondary> i classfas fa-chart-line>/i> span>View Media Deck/span> /a> /div> /div> div classscroll-indicator> span>Scroll/span> div classmouse> div classwheel>/div> /div> /div> /section> !-- About Section --> section idabout> div classsection-container> div classabout-grid> div classabout-content reveal> div classsection-label>About T² Media/div> h3>Where span>Brands/span> Become span>Legends/span>/h3> p>Times Square isnt just a location—its where culture happens. Every day, 380,000 people from around the world converge on these few blocks of Manhattan, creating an unparalleled opportunity for brands to make history./p> p>T² Media has mastered the art of Times Square advertising. We dont just sell billboard space—we create moments that define brands, campaigns that go viral, and experiences that people remember forever. Our proprietary technology, prime locations, and creative expertise deliver results that no other medium can match./p> p>From Fortune 500 companies to emerging brands ready to make their mark, weve helped hundreds of clients achieve exponential growth through the power of Times Squares iconic digital billboards./p> /div> div classabout-visual reveal reveal-delay-1> img srchttps://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w800&q80 altTimes Square Billboard classabout-image-main> div classabout-stats left> div classabout-stat-card> div classvalue>1.5B/div> div classlabel>Annual Impressions/div> /div> /div> div classabout-stats right> div classabout-stat-card> div classvalue>68M/div> div classlabel>NYC Visitors 2026/div> /div> /div> /div> /div> /div> /section> !-- Services Section --> section idservices> div classsection-container> div classsection-header reveal> div classsection-label>What We Do/div> h2 classsection-title> Services That span classhighlight>Dominate/span> /h2> p classsection-subtitle> Full-service Times Square advertising solutions designed for maximum impact and ROI. /p> /div> div classservices-grid> div classservice-card reveal reveal-delay-1> div classservice-icon>🎬/div> h3>Digital Billboards/h3> p>Premium LED displays in prime Times Square locations with 4K resolution and 24/7 visibility. Maximum impact, maximum exposure./p> /div> div classservice-card reveal reveal-delay-2> div classservice-icon>🎯/div> h3>Programmatic DOOH/h3> p>Data-driven digital out-of-home advertising with real-time optimization, audience targeting, and performance analytics./p> /div> div classservice-card reveal reveal-delay-3> div classservice-icon>✨/div> h3>Spectacular Takeovers/h3> p>Dominate Times Square with synchronized multi-screen takeovers that stop traffic and create viral moments./p> /div> div classservice-card reveal reveal-delay-4> div classservice-icon>🚀/div> h3>Creative Production/h3> p>Full-service creative studio specializing in motion graphics, 3D animations, and interactive content built for Times Squares unique canvas./p> /div> /div> /div> /section> !-- Portfolio Section --> section idportfolio> div classsection-container> div classsection-header reveal> div classsection-label>Case Studies/div> h2 classsection-title> Campaigns That span classhighlight>Made History/span> /h2> p classsection-subtitle> Real results from brands that trusted us to tell their story on the worlds biggest stage. /p> /div> div classportfolio-grid> !-- Project 1: Nike - Spans 2 columns --> div classportfolio-item reveal reveal-delay-1> img srchttps://images.unsplash.com/photo-1542291026-7eec264c27ff?w1200&q80 altNike Air Max Campaign> div classportfolio-overlay> div classportfolio-brand>Nike/div> h3>Air Max Day Takeover/h3> p>A synchronized 12-screen spectacular celebrating Air Max Day with 3D anamorphic visuals. The campaign generated 2.3B social impressions and trended globally for 72 hours./p> div classportfolio-stats> div classportfolio-stat> div classvalue>2.3B/div> div classlabel>Impressions/div> /div> div classportfolio-stat> div classvalue>847%/div> div classlabel>ROI/div> /div> div classportfolio-stat> div classvalue>#1/div> div classlabel>Trending/div> /div> /div> /div> /div> !-- Project 2: Coca-Cola --> div classportfolio-item reveal reveal-delay-2> img srchttps://images.unsplash.com/photo-1629203851122-3726ecdf080e?w800&q80 altCoca-Cola Holiday Campaign> div classportfolio-overlay> div classportfolio-brand>Coca-Cola/div> h3>Holiday Magic/h3> p>Interactive holiday campaign with real-time snow effects synced to actual NYC weather. Visitors controlled the display via mobile app./p> div classportfolio-stats> div classportfolio-stat> div classvalue>18M/div> div classlabel>Engagements/div> /div> div classportfolio-stat> div classvalue>523%/div> div classlabel>ROI/div> /div> /div> /div> /div> !-- Project 3: Samsung --> div classportfolio-item reveal reveal-delay-3> img srchttps://images.unsplash.com/photo-1610945415295-d9bbf067e59c?w800&q80 altSamsung Galaxy Launch> div classportfolio-overlay> div classportfolio-brand>Samsung/div> h3>Galaxy S25 Launch/h3> p>World premiere featuring a 3D holographic phone bursting from the screen. Live-streamed to 50M viewers worldwide./p> div classportfolio-stats> div classportfolio-stat> div classvalue>50M/div> div classlabel>Live Viewers/div> /div> div classportfolio-stat> div classvalue>612%/div> div classlabel>ROI/div> /div> /div> /div> /div> !-- Project 4: Spotify --> div classportfolio-item reveal reveal-delay-4> img srchttps://images.unsplash.com/photo-1614680376593-902f74cf0d41?w800&q80 altSpotify Wrapped Campaign> div classportfolio-overlay> div classportfolio-brand>Spotify/div> h3>Wrapped 2025/h3> p>Personalized billboards displaying real-time listener stats. Users shared their Wrapped moments creating massive UGC wave./p> div classportfolio-stats> div classportfolio-stat> div classvalue>89M/div> div classlabel>Shares/div> /div> div classportfolio-stat> div classvalue>738%/div> div classlabel>ROI/div> /div> /div> /div> /div> !-- Project 5: Tesla --> div classportfolio-item reveal reveal-delay-5> img srchttps://images.unsplash.com/photo-1560958089-b8a1929cea89?w800&q80 altTesla Cybertruck Reveal> div classportfolio-overlay> div classportfolio-brand>Tesla/div> h3>Cybertruck NYC Debut/h3> p>Anamorphic 3D Cybertruck that appeared to drive off the screen. Generated 4.2B organic impressions in 48 hours./p> div classportfolio-stats> div classportfolio-stat> div classvalue>4.2B/div> div classlabel>Impressions/div> /div> div classportfolio-stat> div classvalue>1,247%/div> div classlabel>ROI/div> /div> /div> /div> /div> /div> /div> /section> !-- Stats Section --> section idstats> div classsection-container> div classstats-grid> div classstat-card reveal reveal-delay-1> div classstat-value>50M+/div> div classstat-label>Annual Visitors Reached/div> /div> div classstat-card reveal reveal-delay-2> div classstat-value>497%/div> div classstat-label>Average Campaign ROI/div> /div> div classstat-card reveal reveal-delay-3> div classstat-value>$5.97/div> div classstat-label>Revenue per $1 Spent/div> /div> div classstat-card reveal reveal-delay-4> div classstat-value>120%/div> div classstat-label>Foot Traffic Increase/div> /div> /div> /div> /section> !-- Team Section --> section idteam> div classsection-container> div classsection-header reveal> div classsection-label>Leadership/div> h2 classsection-title> The span classhighlight>Visionaries/span> /h2> p classsection-subtitle> Industry veterans whove spent decades mastering the art of Times Square advertising. /p> /div> div classteam-grid> div classteam-card reveal reveal-delay-1> div classteam-avatar>JN/div> h3>Julia N./h3> div classteam-role>Chief Executive Officer/div> /div> div classteam-card reveal reveal-delay-2> div classteam-avatar>JH/div> h3>Jay Howells/h3> div classteam-role>Chief Operations Officer/div> /div> div classteam-card reveal reveal-delay-3> div classteam-avatar>RW/div> h3>Rachel W./h3> div classteam-role>Chief Creative Officer/div> /div> /div> /div> /section> !-- CTA Section --> section idcta> div classcta-content reveal> h2 classcta-title> Ready To span>Dominate?/span> /h2> p classcta-subtitle> Join the brands that have made history on the worlds most iconic advertising platform. /p> div classcta-buttons> a href#contact classbtn btn-primary> i classfas fa-rocket>/i> span>Start Your Campaign/span> /a> a hrefdeck.html classbtn btn-secondary> i classfas fa-chart-line>/i> span>View Media Deck/span> /a> /div> /div> /section> !-- Contact Section --> section idcontact> div classsection-container> div classsection-header reveal> div classsection-label>Get Started/div> h2 classsection-title> Lets span classhighlight>Connect/span> /h2> p classsection-subtitle> Ready to put your brand in Times Square? Lets talk. /p> /div> div classcontact-grid> div classcontact-form-container reveal reveal-delay-1> form classcontact-form actionhttps://formsubmit.co/jay@tsquaredmedia.com methodPOST> input typehidden name_subject valueNew T² Media Inquiry> input typehidden name_captcha valuefalse> div classform-group> input typetext namename placeholder required> label>Your Name/label> /div> div classform-group> input typeemail nameemail placeholder required> label>Email Address/label> /div> div classform-group> input typetext namecompany placeholder > label>Company/label> /div> div classform-group textarea> textarea namemessage placeholder required>/textarea> label>Your Message/label> /div> button typesubmit classbtn btn-primary stylewidth: 100%;> i classfas fa-paper-plane>/i> span>Send Message/span> /button> /form> /div> div classcontact-info reveal reveal-delay-2> h3>Lets Build Something span>Legendary/span>/h3> div classcontact-details> div classcontact-item> i classfas fa-envelope>/i> div classcontact-item-text> div classcontact-item-label>Email/div> div classcontact-item-value>jay@tsquaredmedia.com/div> /div> /div> div classcontact-item> i classfas fa-globe>/i> div classcontact-item-text> div classcontact-item-label>Website/div> div classcontact-item-value>tsquaredmedia.com/div> /div> /div> div classcontact-item> i classfas fa-map-marker-alt>/i> div classcontact-item-text> div classcontact-item-label>Location/div> div classcontact-item-value>Times Square, New York City/div> /div> /div> /div> div classmap-container> iframe srchttps://www.google.com/maps/embed?pb!1m18!1m12!1m3!1d3022.1838567938045!2d-73.98823492404056!3d40.75797623540091!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25855c6480299%3A0x55194ec5a1ae072e!2sTimes%20Square!5e0!3m2!1sen!2sus!4v1699000000000!5m2!1sen!2sus allowfullscreen loadinglazy>/iframe> /div> /div> /div> /div> /section> !-- Footer --> footer> div classfooter-inner> div classfooter-grid> div classfooter-brand-col> div classfooter-brand>T² MEDIA/div> p classfooter-desc> The worlds most powerful advertising platform. Where brands become legends in the heart of Times Square. /p> div classfooter-socials> a href# aria-labelLinkedIn>i classfab fa-linkedin-in>/i>/a> a href# aria-labelInstagram>i classfab fa-instagram>/i>/a> a href# aria-labelTwitter>i classfab fa-x-twitter>/i>/a> /div> /div> div classfooter-column> h4>Navigation/h4> div classfooter-links> a href#about>About/a> a href#services>Services/a> a href#portfolio>Portfolio/a> a href#team>Team/a> a href#contact>Contact/a> /div> /div> div classfooter-column> h4>Resources/h4> div classfooter-links> a hrefdeck.html>Media Deck/a> a href#>Media Kit/a> a href#>Case Studies/a> a href#>Blog/a> /div> /div> div classfooter-column> h4>Legal/h4> div classfooter-links> a href#>Privacy Policy/a> a href#>Terms of Service/a> a href#>Cookie Policy/a> /div> /div> /div> div classfooter-bottom> div classfooter-copyright> © 2026 T² Media. All rights reserved. Exponential Impact. /div> /div> /div> /footer> script> // ═══════════════════════════════════════════════════════════════ // LOADING SCREEN // ═══════════════════════════════════════════════════════════════ window.addEventListener(load, () > { setTimeout(() > { document.getElementById(loader).classList.add(hidden); }, 2500); }); // ═══════════════════════════════════════════════════════════════ // CUSTOM CURSOR // ═══════════════════════════════════════════════════════════════ const cursor document.getElementById(cursor); let cursorX 0, cursorY 0; let targetX 0, targetY 0; document.addEventListener(mousemove, (e) > { targetX e.clientX; targetY e.clientY; }); function animateCursor() { cursorX + (targetX - cursorX) * 0.15; cursorY + (targetY - cursorY) * 0.15; cursor.style.left cursorX - 15 + px; cursor.style.top cursorY - 15 + px; requestAnimationFrame(animateCursor); } animateCursor(); // Hover effect document.querySelectorAll(a, button, .portfolio-item, .service-card, .team-card, .stat-card).forEach(el > { el.addEventListener(mouseenter, () > cursor.classList.add(hover)); el.addEventListener(mouseleave, () > cursor.classList.remove(hover)); }); // ═══════════════════════════════════════════════════════════════ // FLOATING PARTICLES // ═══════════════════════════════════════════════════════════════ const particlesContainer document.getElementById(particles); const colors #ff00ff, #00ffff, #ffcc00, #ff0099, #00ff66, #9900ff; for (let i 0; i 50; i++) { const particle document.createElement(div); particle.className particle; const size Math.random() * 8 + 4; const color colorsMath.floor(Math.random() * colors.length); particle.style.cssText ` width: ${size}px; height: ${size}px; left: ${Math.random() * 100}%; background: ${color}; box-shadow: 0 0 ${size * 2}px ${color}; animation-duration: ${Math.random() * 15 + 10}s; animation-delay: ${Math.random() * 10}s; `; particlesContainer.appendChild(particle); } // ═══════════════════════════════════════════════════════════════ // SCROLL PROGRESS // ═══════════════════════════════════════════════════════════════ const scrollProgress document.getElementById(scrollProgress); window.addEventListener(scroll, () > { const scrollTop window.scrollY; const docHeight document.documentElement.scrollHeight - window.innerHeight; const progress scrollTop / docHeight; scrollProgress.style.transform `scaleX(${progress})`; }); // ═══════════════════════════════════════════════════════════════ // NAVIGATION SCROLL STATE // ═══════════════════════════════════════════════════════════════ const nav document.getElementById(nav); window.addEventListener(scroll, () > { if (window.scrollY > 100) { nav.classList.add(scrolled); } else { nav.classList.remove(scrolled); } }); // ═══════════════════════════════════════════════════════════════ // MOBILE MENU // ═══════════════════════════════════════════════════════════════ const mobileMenuBtn document.getElementById(mobileMenuBtn); const mobileNav document.getElementById(mobileNav); mobileMenuBtn.addEventListener(click, () > { mobileMenuBtn.classList.toggle(active); mobileNav.classList.toggle(active); }); // Close mobile nav on link click document.querySelectorAll(.mobile-nav-link).forEach(link > { link.addEventListener(click, () > { mobileMenuBtn.classList.remove(active); mobileNav.classList.remove(active); }); }); // ═══════════════════════════════════════════════════════════════ // REVEAL ON SCROLL // ═══════════════════════════════════════════════════════════════ const observerOptions { root: null, rootMargin: 0px, threshold: 0.1 }; const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(visible); } }); }, observerOptions); document.querySelectorAll(.reveal).forEach(el > observer.observe(el)); // ═══════════════════════════════════════════════════════════════ // ANIMATED COUNTERS // ═══════════════════════════════════════════════════════════════ const counters document.querySelectorAll(.hero-stat-valuedata-count); const counterObserver new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { const target parseInt(entry.target.dataset.count); let current 0; const increment target / 60; const updateCounter () > { if (current target) { current + increment; entry.target.textContent Math.round(current); requestAnimationFrame(updateCounter); } else { entry.target.textContent target; } }; updateCounter(); counterObserver.unobserve(entry.target); } }); }, { threshold: 0.5 }); counters.forEach(counter > counterObserver.observe(counter)); // ═══════════════════════════════════════════════════════════════ // SMOOTH SCROLL FOR ANCHOR LINKS // ═══════════════════════════════════════════════════════════════ document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function(e) { e.preventDefault(); const target document.querySelector(this.getAttribute(href)); if (target) { target.scrollIntoView({ behavior: smooth, block: start }); } }); }); /script>/body>script>undefined typeof _trfq || (window._trfq );undefined typeof _trfd && (window._trfd),_trfd.push({tccl.baseHost:secureserver.net},{ap:cpsh-oh},{server:p3plzcpnl508145},{dcenter:p3},{cp_id:10238859},{cp_cl:8}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support./script>script srchttps://img1.wsimg.com/traffic-assets/js/tccl.min.js>/script>/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
]