:root { --blue: #063cff; --ink: #080b12; --paper: #f7f6f2; }
* { box-sizing: border-box; } html { scroll-behavior: smooth; scrollbar-gutter: stable; overflow-y: scroll; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; } a { color: inherit; text-decoration: none; }
.site-header { height: 104px; padding: 0 clamp(24px, 5vw, 80px); display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 50; inset: 0 0 auto; width: 100%; box-sizing: border-box; color: white; }
.brand { font-weight: 950; font-size: 18px; line-height: .95; letter-spacing: -.06em; display: inline-block; color: white; text-decoration: none; }
.site-header nav { display: flex; gap: clamp(20px, 3.5vw, 56px); align-items: center; text-transform: uppercase; }
.site-header nav a { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; color: white; display: inline-block; padding: 4px 0; transition: opacity .2s; }
.site-header nav a:hover { opacity: .75; }
.site-header nav a.is-current { opacity: 1; }
.nav-cta { border-bottom: 2px solid currentColor !important; padding-bottom: 7px !important; display: inline-flex; align-items: center; }
.menu-toggle { display: none; }
.page-dark-header .site-header { color: var(--ink); }
.page-dark-header .brand { color: var(--ink); }
.page-dark-header .site-header nav a { color: var(--ink); }
.page-dark-header .menu-toggle { color: var(--ink); }
.hero { min-height: 91vh; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); align-items: center; color: white; background: var(--blue); padding: 130px 5vw 70px; }
.hero:before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 73% 42%, #4975ff 0, transparent 22%), radial-gradient(circle at 15% 80%, #0028ae 0, transparent 35%); opacity: .75; }
.hero-copy { position: relative; z-index: 2; max-width: 940px; } .eyebrow { font-size: 12px; letter-spacing: .07em; margin: 0 0 24px; } .eyebrow strong { color: #b8c7ff; }
h1 { font-size: clamp(56px, 7vw, 116px); line-height: .83; letter-spacing: -.07em; max-width: 1100px; margin: 0; font-weight: 900; } h1 em { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; color: #a9bcff; }
.hero-actions { display: flex; align-items: center; gap: 32px; margin-top: 46px; } .button { display: inline-flex; gap: 34px; align-items: center; text-transform: uppercase; font-size: 13px; font-weight: 800; padding: 20px 24px; } .button-dark { background: var(--ink); color: white; } .button span { font-size: 20px; } .text-link { font-size: 12px; text-transform: uppercase; border-bottom: 1px solid currentColor; padding-bottom: 7px; }
.hero-object { position: relative; z-index: 1; width: min(36vw, 540px); height: min(62vw, 700px); justify-self: end; transform: rotate(10deg); filter: drop-shadow(0 38px 35px rgba(0,0,0,.28)); }
.camera-object { position: absolute; z-index: 1; inset: 0; overflow: hidden; }
.camera-object img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mic-head { position: absolute; width: 57%; height: 38%; left: 21%; top: 0; background: repeating-linear-gradient(90deg, #02144e 0 4px, #1648ff 4px 7px); border: 6px solid #1f50ff; border-radius: 48% 48% 36% 36%; }
.mic-body { position: absolute; width: 62%; height: 48%; left: 19%; top: 28%; border-radius: 28% 28% 32% 32%; background: linear-gradient(130deg, #2a5cff, #001e9c 62%, #000a47); display: grid; place-items: center; box-shadow: inset 8px 8px 20px rgba(255,255,255,.22); } .mic-body span { border: 2px solid rgba(255,255,255,.75); padding: 8px; transform: rotate(-10deg); font-weight: 900; }
.mic-arm { position: absolute; width: 76%; height: 56%; left: 12%; top: 39%; border: 18px solid #002099; border-top: 0; border-radius: 0 0 48% 48%; } .signal { position: absolute; border: 2px solid #8da7ff; border-left: 0; border-bottom: 0; border-radius: 50%; opacity: .65; } .signal-one { width: 88px; height: 88px; right: 0; top: 17%; } .signal-two { width: 130px; height: 130px; right: -18px; top: 13%; }
.vertical-note { position: absolute; right: 2.5vw; bottom: 70px; writing-mode: vertical-rl; font-size: 10px; letter-spacing: .1em; z-index: 2; }
.stat-strip { min-height: 132px; display: grid; grid-template-columns: repeat(3, 1fr) 2fr; align-items: center; color: white; background: #06122f; padding: 22px 5vw; gap: 30px; } .stat-strip div { display: flex; flex-direction: column; border-right: 1px solid #29406e; } .stat-strip strong { font-size: 34px; line-height: 1; } .stat-strip span, .stat-strip p { font-size: 10px; letter-spacing: .05em; margin: 6px 0 0; } .stat-strip p { justify-self: end; color: #90a4d4; }
@media (max-width: 850px) { .site-header { height: 82px; padding: 22px 20px; } .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; background: none; border: none; color: inherit; font-size: 26px; cursor: pointer; padding: 4px 8px; line-height: 1; z-index: 52; } .site-header nav { display: none !important; position: absolute; top: 100%; left: 0; width: 100%; background: #07090e; padding: 24px clamp(20px, 5vw, 40px) 32px; flex-direction: column; gap: 14px; border-bottom: 1px solid rgba(255,255,255,0.15); box-shadow: 0 20px 40px rgba(0,0,0,0.6); z-index: 100; box-sizing: border-box; } .site-header nav.is-active { display: flex !important; } .site-header nav.is-active a { display: block !important; font-size: 13px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff !important; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.06); } .site-header nav.is-active a.nav-cta { border-bottom: 2px solid currentColor !important; margin-top: 6px; width: fit-content; } .hero { min-height: 820px; grid-template-columns: 1fr; padding: 120px 20px 50px; align-items: start; } h1 { font-size: clamp(52px, 14vw, 78px); } .hero-object { position: absolute; width: 340px; height: 480px; right: -100px; bottom: -60px; opacity: .7; } .camera-object { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .72; } .camera-object img { object-position: 62% center; transform: scale(1.18); transform-origin: 75% center; } .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; } .vertical-note { display: none; } .stat-strip { grid-template-columns: repeat(3, 1fr); padding: 26px 20px; gap: 15px; } .stat-strip p { display: none; } .stat-strip strong { font-size: 25px; } }

.section-index { font-size: 11px; letter-spacing: .12em; font-weight: 800; text-transform: uppercase; }
h2 { font-size: clamp(48px, 6vw, 96px); line-height: .92; letter-spacing: -.065em; margin: 0; }
h2 em { font-family: Georgia, serif; font-weight: 400; color: var(--blue); }
.manifesto { padding: 130px 5vw; background: var(--paper); }
.manifesto h2 { max-width: 1250px; margin: 0; }
.manifesto-feature { display: grid; grid-template-columns: minmax(340px,.8fr) 1.2fr; gap: 5vw; align-items: center; margin: 70px 0 80px; }
.manifesto-grid { display: grid; grid-template-columns: minmax(0,600px) 1fr; align-items: end; gap: 40px; }
.manifesto-grid p { font-size: 22px; line-height: 1.45; margin: 0; }
.round-link { justify-self: end; width: 90px; height: 90px; border: 2px solid var(--ink); display: grid; place-items: center; border-radius: 50%; font-size: 30px; }
.blue-section { background: var(--blue); color: white; }
.video-story { padding: 100px 5vw; display: grid; grid-template-columns: 1fr 1.15fr; gap: 6vw; align-items: center; }
.video-copy h2 { font-size: clamp(44px,5vw,76px); margin: 40px 0; }.video-copy h2 span { color: #a9bcff; }.video-copy h3 { font-size: 28px; }.video-copy>p:last-child { max-width: 560px; line-height: 1.6; }
.video-placeholder { aspect-ratio: 4/3; background: #080b12; display: flex; align-items: center; justify-content: center; position: relative; }
.video-placeholder button, .phone-placeholder button { background: transparent; color: white; border: 1px solid white; width: 110px; height: 110px; border-radius: 50%; font-size: 28px; cursor: pointer; }.video-placeholder span { position: absolute; left: 25px; bottom: 20px; font-size: 10px; letter-spacing: .1em; }
.video-player { border: 1px solid currentColor; padding: 12px; width: 100%; }
.player-screen { aspect-ratio: 16/10; background: #080b12; color: white; position: relative; display: grid; place-items: center; overflow: hidden; }
.player-screen:before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 70% 20%,rgba(65,101,255,.85),transparent 34%),linear-gradient(145deg,transparent 35%,rgba(6,60,255,.24)); }
.player-screen button { position:relative; z-index:2; width:82px;height:82px;border:1px solid white;border-radius:50%;color:white;background:rgba(0,0,0,.18);font-size:23px;cursor:pointer;backdrop-filter:blur(6px); }
.player-screen span { position:absolute;left:18px;bottom:16px;font-size:9px;letter-spacing:.12em;z-index:2; }
.player-controls { display:grid;grid-template-columns:24px 1fr auto 24px;align-items:center;gap:12px;padding:12px 4px 2px;font-size:10px; }.player-controls b {font-size:11px}.player-track { height:2px;background:currentColor;opacity:.35;position:relative}.player-track i {position:absolute;left:0;top:-2px;width:36%;height:6px;background:var(--blue)}.player-controls time{font:10px 'Courier New',monospace}.player-light{color:var(--ink)}.player-dark{color:white}.player-dark .player-screen{background:#05070b}.blue-section .player-track i{background:white}
.services { padding: 120px 5vw; }.rig-section{position:relative;min-height:920px;overflow:hidden;background:#fff;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:1.5vw;align-items:stretch;padding:0 0 0 5vw}.services-content{position:relative;z-index:2;width:100%;align-self:center;padding-right:1.5vw}.services-title{font-size:clamp(48px,5vw,78px);margin:45px 0 70px}.services-title em{color:var(--blue)}.platform-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:2px solid var(--ink);padding:30px 0}.platform-card:last-child{border-bottom:2px solid var(--ink)}.platform-number{font:700 12px 'Courier New',monospace;color:var(--blue);align-self:start;padding-top:8px}.platform-card h3{font-size:clamp(36px,4vw,60px);letter-spacing:-.055em;margin:0 0 12px;text-transform:uppercase}.platform-card p{font-size:16px;line-height:1.5;max-width:430px;margin:0;color:#4e5360}.platform-card a{align-self:end;text-transform:uppercase;font-size:11px;font-weight:800;border-bottom:1px solid;padding:0 0 7px;white-space:nowrap}.platform-card a b{font-size:18px;margin-left:12px}.rig-stage{position:relative;width:100%;height:100%;min-height:920px;margin:0;background:#fbfbfb;overflow:hidden;display:grid;place-items:center}.rig-image{display:block;width:100%;height:100%;object-fit:cover;object-position:84% center;transform:scale(1.24);transform-origin:72% 52%}.rig-stage figcaption{position:absolute;right:22px;bottom:26px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.12em;font-weight:800;color:#6f747d}
.process { background: #0a0c12; color: white; padding: 120px 5vw; }.process>h2 { margin: 70px 0; }.process h2 em { color: #a9bcff; }.process-grid { display: grid; grid-template-columns: repeat(3,1fr); }.process-grid.four-steps{grid-template-columns:repeat(4,1fr)}.process-grid article { min-height: 280px; border: 1px solid #333946; padding: 28px;position:relative }.process-grid span { color: #7592ff; font-size: 11px; }.process-grid h3 { font-size: 28px; margin: 42px 0 15px; }.process-grid p { max-width: 300px; color: #9ca6bd; font-size: 14px; line-height: 1.5; }.pixel-icon{width:58px;height:58px;margin-bottom:25px;border:3px solid #7592ff;display:grid;place-items:center;background:#101936;box-shadow:6px 0 0 #243a91,0 6px 0 #243a91}.pixel-icon span{font:900 30px 'Courier New',monospace;color:white;line-height:1}.pixel-target{background:#3814aa}.pixel-record{background:#063cff}.pixel-chart{background:#052c6c}
.proof { padding: 120px 5vw; }.proof>h2 { margin: 70px 0; }.proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }.dummy-photo { aspect-ratio: 4/5; padding: 20px; display: flex; align-items: flex-end; background: linear-gradient(150deg,#123ae1,#060915); color: white; }.photo-2 { background: linear-gradient(25deg,#0a0b0e 5%,#9bb0ff); }.photo-3 { background: linear-gradient(150deg,#f6f3eb,#053cff); }.dummy-photo span { font-size: 10px; letter-spacing: .1em; }.proof-grid strong { display: block; font-size: 30px; margin: 20px 0 10px; }.proof-grid p { font-family: Georgia,serif; font-style: italic; color: #535762; }.proof-video{margin-top:120px;padding-top:80px;border-top:2px solid;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.proof-video h2{font-size:clamp(50px,6vw,88px);margin-top:36px}
.proof-video{grid-template-columns:.9fr 1.1fr}.proof-video h2{margin:36px 0 28px}.proof-video-copy h3{font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:-.035em;margin:0 0 22px}.proof-video-copy>p:last-child{max-width:590px;margin:0;color:#454a55;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;line-height:1.65}
.final-cta,.platform-cta { padding: 120px 5vw; background: var(--blue); color: white; }.final-cta h2,.platform-cta h2 { margin: 50px 0; }.final-cta h2 em,.platform-cta h2 em { color: #b2c2ff; }.button-light { background: white; color: var(--blue); }
footer { min-height: 180px; padding: 55px 5vw; background: #06080d; color: white; display: flex; align-items: flex-end; justify-content: space-between; font-size: 10px; letter-spacing: .08em; }
.inner-header { position: absolute; color: var(--ink); }.service-hero { min-height: 900px; padding: 155px 5vw 80px; position: relative; overflow: hidden; }.service-hero h1 { max-width: 850px; position: relative; z-index: 2; }.service-hero .lead { max-width: 600px; font-size: 20px; line-height: 1.5; margin: 35px 0; position: relative; z-index: 2; }.service-hero .button { position: relative; z-index: 2; }.phone-placeholder { position: absolute; width: min(36vw,530px); height: 720px; right: 7vw; bottom: -80px; border: 13px solid #0a0c12; border-radius: 80px; background: #0a0c12; transform: rotate(7deg); }.phone-placeholder>div { width: 100%; height: 100%; border-radius: 65px; background: linear-gradient(145deg,#295eff,#020516); color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 70px; }.phone-placeholder span { font-size: 13px; text-align:center; letter-spacing:.12em; }.phone-placeholder button { width:90px;height:90px; }.tiktok-phone { transform: rotate(-6deg); }.platform-intro { padding: 120px 5vw; background: var(--blue); color: white; display: grid; grid-template-columns: 1.4fr 1fr; gap: 6vw; }.platform-intro .section-index { grid-column:1/-1; }.platform-intro h2 { font-size: clamp(48px,5vw,80px); }.platform-intro h2 em { color:#b4c5ff; }.platform-intro>p:last-child { font-size: 19px; line-height: 1.6; align-self:end; }.format-section { padding: 120px 5vw; }.format-section article { display:grid;grid-template-columns:80px 1fr 1fr 40px;align-items:center;border-top:1px solid;padding:35px 0;gap:20px;}.format-section article:last-child{border-bottom:1px solid}.format-section h2{font-size:clamp(38px,5vw,72px)}.format-section article p{max-width:450px;line-height:1.5}.format-section b{font-size:24px}.platform-cta h2{max-width:1100px}.contact-page { min-height:100vh;background:var(--blue);color:white}.contact-page .inner-header{color:white}.contact-wrap{min-height:100vh;padding:160px 5vw 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.contact-wrap h1{font-size:clamp(56px,6.5vw,104px)}.contact-wrap h1 em{color:#b4c5ff}.contact-wrap .lead{max-width:600px;line-height:1.6;color:#cbd5ff}.contact-wrap form{background:var(--paper);color:var(--ink);padding:45px;display:flex;flex-direction:column;gap:24px}.contact-wrap label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.contact-wrap input,.contact-wrap select,.contact-wrap textarea{width:100%;display:block;border:0;border-bottom:1px solid #7d8290;background:transparent;padding:13px 0;font:inherit;font-size:17px;border-radius:0;outline:none}.contact-wrap textarea{resize:vertical}.contact-wrap small{font-size:9px;letter-spacing:.1em;color:#787d88}
.instagram-page .service-hero{background:#050505;color:white}.instagram-page .inner-header{color:white}.instagram-page .service-hero h1 em{background:linear-gradient(90deg,#fd1d1d,#f77737,#c13584,#833ab4);background-clip:text;-webkit-background-clip:text;color:transparent}.instagram-page .phone-placeholder>div{background:linear-gradient(155deg,#feda75,#fa7e1e 30%,#d62976 60%,#4f5bd5)}.instagram-page .platform-intro,.instagram-page .platform-cta{background:linear-gradient(120deg,#833ab4,#c13584 36%,#fd1d1d 68%,#fcb045)}.instagram-page .platform-intro h2 em,.instagram-page .platform-cta h2 em{color:#ffe2a5}.tiktok-page .service-hero{background:#050505;color:white}.tiktok-page .inner-header{color:white}.tiktok-page .service-hero:before{content:'';position:absolute;width:45vw;height:45vw;right:-10vw;top:-10vw;background:#25f4ee;filter:blur(100px);opacity:.3}.tiktok-page .service-hero:after{content:'';position:absolute;width:40vw;height:40vw;right:5vw;bottom:-20vw;background:#fe2c55;filter:blur(110px);opacity:.36}.tiktok-page .service-hero h1 em{color:#25f4ee;text-shadow:5px 5px 0 #fe2c55}.tiktok-page .phone-placeholder>div{background:linear-gradient(145deg,#25f4ee,#080808 43%,#080808 63%,#fe2c55)}.tiktok-page .platform-intro,.tiktok-page .platform-cta{background:#080808;position:relative}.tiktok-page .platform-intro{border-top:14px solid #25f4ee;border-bottom:14px solid #fe2c55}.tiktok-page .platform-intro h2 em,.tiktok-page .platform-cta h2 em{color:#25f4ee;text-shadow:3px 3px 0 #fe2c55}.tiktok-page .format-section b{color:#fe2c55}
@media(max-width:850px){h2{font-size:48px}.manifesto,.services,.process,.proof,.final-cta,.platform-cta,.format-section{padding:80px 20px}.manifesto h2,.proof>h2,.process>h2{margin:45px 0}.manifesto-feature,.manifesto-grid,.video-story,.platform-intro,.contact-wrap,.proof-video{grid-template-columns:1fr}.manifesto-feature{margin:45px 0}.round-link{justify-self:start}.video-story{padding:80px 20px}.video-player{order:-1}.rig-section{grid-template-columns:1fr;gap:55px}.rig-stage{height:500px;min-height:500px;grid-row:1}.rig-image{object-position:65% center}.services-content{width:100%}.services-title{margin:35px 0 50px}.platform-card{grid-template-columns:38px 1fr}.platform-card a{grid-column:2;justify-self:start;margin-top:8px}.process-grid,.process-grid.four-steps,.proof-grid{grid-template-columns:1fr}.process-grid article{min-height:230px}.proof-video{margin-top:80px;padding-top:60px}.service-hero{min-height:880px;padding:130px 20px 380px}.service-hero h1{font-size:58px}.service-hero .lead{font-size:17px}.phone-placeholder{height:480px;width:280px;right:50%;transform:translateX(50%) rotate(5deg);bottom:-120px;border-radius:50px}.phone-placeholder>div{border-radius:38px}.platform-intro{padding:80px 20px}.format-section article{grid-template-columns:40px 1fr}.format-section article p,.format-section article b{grid-column:2}.contact-wrap{padding:130px 20px 60px}.contact-wrap form{padding:25px}footer{padding:45px 20px;flex-direction:column;align-items:flex-start;gap:25px}}

/* WordPress Admin Bar Compatibility */
body.admin-bar .site-header,
body.admin-bar .ig-header,
body.admin-bar .tt-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar .site-header,
  body.admin-bar .ig-header,
  body.admin-bar .tt-header {
    top: 46px;
  }
}

/* Video Modal Player */
.brutal-video-modal { position: fixed; inset: 0; z-index: 9999; background: rgba(3,3,5,0.92); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.brutal-video-modal.is-open { opacity: 1; pointer-events: auto; }
.brutal-video-dialog { position: relative; width: min(1000px, 92vw); aspect-ratio: 16/9; background: #000; border: 1px solid rgba(255,255,255,0.2); box-shadow: 0 30px 60px rgba(0,0,0,0.8); }
.brutal-video-dialog iframe, .brutal-video-dialog video { width: 100%; height: 100%; border: none; display: block; }
.brutal-video-close { position: absolute; top: -45px; right: 0; background: none; border: none; color: #fff; font-size: 28px; cursor: pointer; padding: 4px; line-height: 1; opacity: .8; transition: opacity .2s; }
.brutal-video-close:hover { opacity: 1; }