.elementor-220 .elementor-element.elementor-element-95f85a4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-220 .elementor-element.elementor-element-ff3a59d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -1px;padding:0px 14px 0px -17px;}.elementor-220 .elementor-element.elementor-element-ff3a59d.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-220 .elementor-element.elementor-element-95f85a4{margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 0px;padding:0px 0px 0px 0px;}.elementor-220 .elementor-element.elementor-element-df32516{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-220 .elementor-element.elementor-element-df32516.elementor-element{--align-self:center;}.elementor-220 .elementor-element.elementor-element-ff3a59d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-220 .elementor-element.elementor-element-f31cb35{width:var( --container-widget-width, 1000px );max-width:1000px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-95f85a4 */<style>

.smm-hero{

overflow:hidden !important;

width:100%;

max-width:100%;

}
position:relative;

min-height:100vh;

background:#04111d;

overflow:hidden;

display:flex;

align-items:center;

justify-content:center;

padding:120px 7%;

}

/* Background Glow */

.hero-noise{

position:absolute;

width:900px;
height:900px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(255,86,86,.08),
transparent 70%
);

top:-200px;
right:-200px;

animation:
pulseGlow 8s ease infinite;

}

/* Huge Background Words */

.hero-bg-words{

position:absolute;

inset:0;

display:flex;

flex-direction:column;

justify-content:center;

gap:20px;

pointer-events:none;

overflow:hidden;

}

.hero-bg-words span{

font-size:120px;

font-weight:900;

line-height:1;

color:
rgba(255,255,255,.025);

white-space:nowrap;

animation:
wordSlide 20s linear infinite;

}

.hero-bg-words span:nth-child(even){

animation-direction:reverse;

}

.hero-container{

max-width:1000px;

margin:auto;

position:relative;

z-index:2;

text-align:center;

}

.hero-badge{

display:inline-flex;

align-items:center;

padding:12px 20px;

border-radius:50px;

background:
rgba(255,86,86,.08);

border:
1px solid rgba(255,86,86,.2);

color:#ff5656;

font-size:12px;

font-weight:700;

letter-spacing:2px;

margin-bottom:30px;

backdrop-filter:blur(20px);

}

.hero-title{

display:flex;

flex-direction:column;

gap:8px;

font-size:96px;

font-weight:800;

line-height:.95;

margin-bottom:30px;

color:white;

}

.title-line{

opacity:0;

transform:
translateY(80px);

animation:
revealLine .8s forwards;

}

.title-line:nth-child(2){

animation-delay:.2s;

}

.title-line:nth-child(3){

animation-delay:.4s;

}

.accent{

background:
linear-gradient(
135deg,
#ff5656,
#ff8db1
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-line{

width:0;

height:4px;

margin:20px auto 35px;

border-radius:20px;

background:
linear-gradient(
90deg,
#ff5656,
#ff8db1
);

animation:
lineGrow 1.5s forwards;

animation-delay:.8s;

}

.hero-desc{

font-size:20px;

line-height:1.9;

max-width:800px;

margin:auto;

color:#cfd8e3;

margin-bottom:45px;

}

.hero-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-bottom:60px;

}

.btn-primary{

padding:18px 34px;

border-radius:14px;

background:
linear-gradient(
135deg,
#ff5656,
#ff3f84
);

color:white !important;

text-decoration:none;

font-weight:700;

position:relative;

overflow:hidden;

}

.btn-primary::before{

content:'';

position:absolute;

left:-100%;

top:0;

width:100%;
height:100%;

background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.25),
transparent
);

animation:
buttonSweep 3s infinite;

}

.btn-secondary{

padding:18px 34px;

border-radius:14px;

border:
1px solid rgba(255,255,255,.12);

color:white;

text-decoration:none;

backdrop-filter:blur(20px);

}

.hero-stats{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:20px;

}

.stat-item{

padding:25px;

border-radius:22px;

background:
rgba(255,255,255,.04);

border:
1px solid rgba(255,255,255,.08);

backdrop-filter:blur(20px);

transition:.4s;

}

.stat-item:hover{

transform:
translateY(-8px);

}

.stat-number{

font-size:42px;

font-weight:800;

color:#ff5656;

margin-bottom:8px;

}

.stat-label{

color:white;

}

/* Animations */

@keyframes revealLine{

to{

opacity:1;

transform:
translateY(0);

}

}

@keyframes lineGrow{

to{

width:180px;

}

}

@keyframes pulseGlow{

50%{

transform:
scale(1.2);

}

}

@keyframes buttonSweep{

100%{

left:120%;

}

}

@keyframes wordSlide{

100%{

transform:
translateX(-30%);

}

}

/* MOBILE */

@media(max-width:991px){

.smm-hero{

padding:100px 25px;

}

.hero-title{

font-size:56px;

}

.hero-desc{

font-size:17px;

}

.hero-bg-words span{

font-size:60px;

}

.hero-stats{

grid-template-columns:
repeat(2,1fr);

}

}

@media(max-width:576px){

.hero-title{

font-size:42px;

}

.hero-desc{

font-size:16px;

}

.hero-stats{

grid-template-columns:1fr;

}

.hero-bg-words span{

font-size:40px;

}

}

</style>

/* Spotlight */

.spotlight{

position:absolute;

width:350px;
height:350px;

background:
radial-gradient(
circle,
rgba(255,86,86,.12),
transparent 70%
);

pointer-events:none;

transform:
translate(-50%,-50%);

z-index:1;

transition:
left .05s linear,
top .05s linear;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df32516 */.viral-showcase{

padding:140px 0;

background:#04111d;

overflow:hidden;

}

.viral-header{

text-align:center;

max-width:900px;

margin:auto;

padding:0 7%;

margin-bottom:80px;

}

.viral-tag{

display:inline-block;

padding:10px 18px;

border-radius:50px;

background:rgba(255,86,86,.08);

border:1px solid rgba(255,86,86,.15);

color:#ff5656;

font-size:12px;

letter-spacing:2px;

margin-bottom:25px;

}

.viral-header h2{

font-size:72px;

line-height:1.1;

color:white;

margin-bottom:25px;

animation:textReveal 1s ease;

}

.viral-header p{

font-size:18px;

line-height:1.9;

color:#cfd8e3;

}

.viral-track{

display:flex;

gap:35px;

width:max-content;

padding:40px;

animation:trackMove 25s linear infinite;

}

.viral-card{

width:380px;

height:520px;

border-radius:35px;

padding:40px;

background:
linear-gradient(
135deg,
rgba(255,255,255,.08),
rgba(255,255,255,.03)
);

backdrop-filter:blur(20px);

border:
1px solid rgba(255,255,255,.08);

position:relative;

overflow:hidden;

transition:.5s;

}

.viral-card:hover{

transform:
translateY(-25px)
scale(1.05);

}

.viral-label{

font-size:18px;

letter-spacing:3px;

color:#ff5656;

margin-bottom:30px;

}

.viral-metric{

font-size:96px;

font-weight:800;

line-height:1;

color:white;

}

.viral-text{

font-size:20px;

margin-top:20px;

color:#cfd8e3;

}

.reel{
transform:rotate(-4deg);
}

.story{
transform:rotate(3deg);
}

.ugc{
transform:rotate(-2deg);
}

.ads{
transform:rotate(4deg);
}

.shorts{
transform:rotate(-3deg);
}

@keyframes trackMove{

100%{
transform:
translateX(-50%);
}

}

@keyframes textReveal{

from{
opacity:0;
transform:translateY(40px);
}

to{
opacity:1;
transform:translateY(0);
}

}

@media(max-width:991px){

.viral-header h2{
font-size:42px;
}

.viral-card{

width:280px;
height:420px;

}

.viral-metric{
font-size:60px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff3a59d */.editorial-showcase{

padding:120px 7%;

background:#04111d;

position:relative;

overflow:hidden;

}

.showcase-header{

text-align:center;

margin-bottom:100px;

}

.showcase-tag{

display:inline-block;

padding:12px 22px;

border-radius:50px;

background:rgba(255,86,86,.08);

border:1px solid rgba(255,86,86,.15);

color:#ff5656;

font-size:12px;

letter-spacing:2px;

font-weight:700;

margin-bottom:25px;

}

.showcase-header h2{

font-size:72px;

line-height:1.05;

color:#fff;

margin-bottom:20px;

}

.editorial-item{

display:flex;

align-items:center;

justify-content:space-between;

margin-bottom:120px;

position:relative;

padding-bottom:40px;

opacity:0;

transform:translateY(60px);

animation:fadeUp .8s forwards;

}

.editorial-item:nth-child(2){animation-delay:.1s;}
.editorial-item:nth-child(3){animation-delay:.2s;}
.editorial-item:nth-child(4){animation-delay:.3s;}
.editorial-item:nth-child(5){animation-delay:.4s;}
.editorial-item:nth-child(6){animation-delay:.5s;}

.editorial-item.left{

flex-direction:row;

}

.editorial-item.right{

flex-direction:row-reverse;

}

.editorial-number{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

font-size:120px;

font-weight:900;

line-height:1;

color:rgba(255,255,255,.03);

pointer-events:none;

user-select:none;

}

.editorial-content{

max-width:520px;

position:relative;

z-index:2;

}

.editorial-content h3{

font-size:72px;

line-height:1;

margin-bottom:18px;

letter-spacing:-2px;

background:linear-gradient(
90deg,
#ffffff,
#ff5656,
#ffffff
);

background-size:300%;

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

animation:gradientFlow 8s linear infinite;

}

.editorial-content p{

font-size:20px;

line-height:1.9;

color:#cfd8e3;

max-width:500px;

}

.editorial-item:after{

content:'';

position:absolute;

left:0;

bottom:0;

width:0;

height:1px;

background:linear-gradient(
90deg,
#ff5656,
transparent
);

transition:1s;

}

.editorial-item:hover:after{

width:100%;

}

.editorial-item:hover h3{

transform:translateX(10px);

}

@keyframes gradientFlow{

100%{

background-position:300%;

}

}

@keyframes fadeUp{

to{

opacity:1;

transform:translateY(0);

}

}

/* Tablet */

@media(max-width:991px){

.editorial-showcase{

padding:100px 30px;

}

.showcase-header{

margin-bottom:70px;

}

.showcase-header h2{

font-size:52px;

}

.editorial-item{

flex-direction:column !important;

align-items:flex-start;

margin-bottom:80px;

}

.editorial-number{

font-size:90px;

left:0;

top:0;

transform:none;

}

.editorial-content{

max-width:100%;

}

.editorial-content h3{

font-size:48px;

}

.editorial-content p{

font-size:17px;

max-width:100%;

}

}

/* Mobile */

@media(max-width:576px){

.editorial-showcase{

padding:80px 20px;

}

.showcase-tag{

font-size:11px;

padding:10px 16px;

}

.showcase-header h2{

font-size:40px;

line-height:1.1;

}

.editorial-item{

margin-bottom:60px;

}

.editorial-number{

font-size:60px;

}

.editorial-content h3{

font-size:36px;

line-height:1.1;

}

.editorial-content p{

font-size:16px;

line-height:1.7;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f31cb35 */.conversation-section{

padding:140px 7%;

background:#04111d;

overflow:hidden;

position:relative;

}

.conversation-wrapper{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:80px;

align-items:center;

}

/* CHAT TAG */

.chat-tag{

display:inline-block;

padding:10px 18px;

border-radius:50px;

background:rgba(255,86,86,.08);

border:1px solid rgba(255,86,86,.15);

color:#ff5656;

font-size:12px;

letter-spacing:2px;

font-weight:700;

margin-bottom:20px;

}

/* HEADING */

.chat-header h2{

font-size:72px;

line-height:1.05;

color:white;

margin-bottom:50px;

}

/* CHAT */

.chat-container{

display:flex;

flex-direction:column;

gap:18px;

}

.message{

max-width:80%;

padding:20px 25px;

border-radius:24px;

font-size:16px;

line-height:1.8;

position:relative;

opacity:0;

animation:messageReveal .8s forwards;

}

.message:nth-child(1){animation-delay:.1s;}
.message:nth-child(2){animation-delay:.2s;}
.message:nth-child(3){animation-delay:.3s;}
.message:nth-child(4){animation-delay:.4s;}
.message:nth-child(5){animation-delay:.5s;}
.message:nth-child(6){animation-delay:.6s;}
.message:nth-child(7){animation-delay:.7s;}
.message:nth-child(8){animation-delay:.8s;}
.message:nth-child(9){animation-delay:.9s;}
.message:nth-child(10){animation-delay:1s;}

.question{

align-self:flex-start;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

color:white;

backdrop-filter:blur(15px);

}

.answer{

align-self:flex-end;

background:linear-gradient(
135deg,
#ff5656,
#ff3f84
);

color:white;

}

/* CTA SIDE */

.cta-side{

position:relative;

min-height:700px;

display:flex;

align-items:center;

justify-content:center;

overflow:hidden;

}

.cta-bg-word{

position:absolute;

font-size:220px;

font-weight:900;

color:rgba(255,255,255,.03);

transform:rotate(-90deg);

white-space:nowrap;

animation:wordFloat 10s ease-in-out infinite;

}

.cta-content{

position:relative;

z-index:2;

max-width:550px;

}

.cta-content h2{

font-size:90px;

line-height:.9;

margin-bottom:30px;

color:white;

}

.cta-content p{

font-size:20px;

line-height:1.9;

color:#cfd8e3;

margin-bottom:40px;

}

/* CTA BUTTON */

.cta-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:20px 36px;

border-radius:60px;

background:linear-gradient(
135deg,
#ff5656,
#ff3f84
);

color:#ffffff !important;

font-weight:700;

font-size:16px;

line-height:1;

text-decoration:none !important;

position:relative;

overflow:hidden;

transition:.4s ease;

box-shadow:
0 10px 30px rgba(255,86,86,.25);

}

.cta-btn:hover{

color:#ffffff !important;

transform:translateY(-4px);

box-shadow:
0 20px 45px rgba(255,86,86,.35);

}

.cta-btn:link,
.cta-btn:visited,
.cta-btn:active{

color:#ffffff !important;

text-decoration:none !important;

}

.cta-btn:before{

content:'';

position:absolute;

top:0;
left:-120%;

width:100%;
height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.25),
transparent
);

animation:btnSweep 3s infinite;

}

/* ANIMATIONS */

@keyframes btnSweep{

100%{

left:120%;

}

}

@keyframes wordFloat{

50%{

transform:
rotate(-90deg)
translateY(-20px);

}

}

@keyframes messageReveal{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* TABLET */

@media(max-width:991px){

.conversation-wrapper{

grid-template-columns:1fr;

gap:80px;

}

.chat-header h2{

font-size:48px;

}

.cta-content h2{

font-size:60px;

}

.cta-side{

min-height:auto;

}

.cta-bg-word{

font-size:140px;

}

}

/* MOBILE */

@media(max-width:576px){

.conversation-section{

padding:90px 20px;

}

.chat-header h2{

font-size:38px;

}

.message{

max-width:95%;

font-size:15px;

}

.cta-content h2{

font-size:42px;

line-height:1;

}

.cta-content p{

font-size:16px;

line-height:1.7;

}

.cta-btn{

width:100%;

justify-content:center;

}

.cta-bg-word{

font-size:90px;

}

}/* End custom CSS */