.elementor-269 .elementor-element.elementor-element-4cb280d{--display:flex;}@media(min-width:768px){.elementor-269 .elementor-element.elementor-element-4cb280d{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-64f021a */.email-hero{

background:#04111d;

padding:140px 7%;

overflow:hidden;

position:relative;

}

.hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

/* TAG */

.hero-tag{

display:inline-block;

padding:12px 20px;

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;

}

/* TITLE */

.hero-title{

display:flex;

flex-direction:column;

font-size:82px;

line-height:.95;

font-weight:800;

margin-bottom:25px;

}

.hero-title span{

color:#fff;

animation:titleReveal .8s forwards;

}

.hero-title span:nth-child(2){

animation-delay:.2s;

}

.hero-title span:nth-child(3){

animation-delay:.4s;

}

.hero-title span:nth-child(4){

animation-delay:.6s;

}

.gradient-text{

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

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-desc{

font-size:18px;

line-height:1.9;

color:#cfd8e3;

margin-bottom:35px;

max-width:650px;

}

/* BUTTONS */

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.btn-primary{

padding:18px 32px;

border-radius:60px;

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

color:#ffffff !important;

text-decoration:none !important;

font-weight:700;

}

/* FORCE WHITE TEXT */

.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active{

color:#ffffff !important;

text-decoration:none !important;

}

.email-hero .btn-primary,
.email-hero .btn-primary *,
.email-hero .btn-primary:link,
.email-hero .btn-primary:visited,
.email-hero .btn-primary:hover,
.email-hero .btn-primary:active{

color:#ffffff !important;

}

.btn-secondary{

padding:18px 32px;

border-radius:60px;

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

color:white;

text-decoration:none;

}

/* JOURNEY */

.email-system{

position:relative;

display:flex;

flex-direction:column;

gap:25px;

padding-left:60px;

}

.journey-line{

position:absolute;

left:22px;

top:10px;

bottom:10px;

width:3px;

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

}

.email-pulse{

position:absolute;

left:-16px;

width:38px;

height:38px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#ff5656;

animation:emailTravel 5s linear infinite;

}

.journey-step{

padding:20px 24px;

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

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

border-radius:20px;

color:white;

backdrop-filter:blur(15px);

transform:translateX(40px);

opacity:0;

animation:slideIn .8s forwards;

}

.journey-step:nth-child(2){animation-delay:.2s;}
.journey-step:nth-child(3){animation-delay:.4s;}
.journey-step:nth-child(4){animation-delay:.6s;}
.journey-step:nth-child(5){animation-delay:.8s;}
.journey-step:nth-child(6){animation-delay:1s;}

/* INCLUDED */

.included-wrapper{

margin-top:120px;

padding:50px;

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

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

border-radius:30px;

}

.included-wrapper h3{

font-size:40px;

color:white;

margin-bottom:35px;

}

.included-grid{

display:grid;

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

gap:20px;

}

.included-item{

color:white;

font-size:18px;

padding:14px 0;

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

}

/* ANIMATION */

@keyframes emailTravel{

0%{top:0;}

100%{top:92%;}

}

@keyframes slideIn{

to{

opacity:1;

transform:translateX(0);

}

}

@keyframes titleReveal{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* MOBILE */

@media(max-width:991px){

.hero-grid{

grid-template-columns:1fr;

gap:60px;

}

.hero-title{

font-size:48px;

}

.included-grid{

grid-template-columns:1fr;

}

}

@media(max-width:576px){

.email-hero{

padding:90px 20px;

}

.hero-title{

font-size:38px;

}

.hero-buttons{

flex-direction:column;

}

.btn-primary,
.btn-secondary{

width:100%;

justify-content:center;

text-align:center;

}

.included-wrapper{

padding:30px 20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec8be99 */.email-vault{

padding:140px 7%;

background:#081420;

overflow:hidden;

position:relative;

}

.vault-grid{

display:grid;

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

gap:80px;

align-items:center;

}

.vault-tag{

display:inline-block;

padding:12px 20px;

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;

}

.vault-content h2{

font-size:72px;

line-height:1;

color:#fff;

margin-bottom:25px;

}

.vault-content p{

font-size:18px;

line-height:1.9;

color:#cfd8e3;

}

/* INBOX */

.vault-inbox{

display:flex;

flex-direction:column;

gap:18px;

}

.email-item{

display:flex;

align-items:center;

gap:18px;

padding:22px;

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

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

border-radius:20px;

backdrop-filter:blur(15px);

opacity:0;

transform:translateY(60px);

animation:mailDrop .8s forwards;

transition:.4s ease;

}

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

.email-item:hover{

transform:translateY(-6px);

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

}

.email-dot{

width:14px;

height:14px;

border-radius:50%;

background:#ff5656;

flex-shrink:0;

animation:pulseDot 2s infinite;

}

.email-info h3{

color:white;

font-size:22px;

margin-bottom:5px;

}

.email-info span{

color:#cfd8e3;

font-size:15px;

}

/* SUBJECT LINE TICKER */

.subject-slider{

margin-top:100px;

overflow:hidden;

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

padding-top:30px;

}

.subject-track{

display:flex;

gap:60px;

width:max-content;

animation:tickerMove 30s linear infinite;

}

.subject-track span{

font-size:24px;

font-weight:600;

color:white;

white-space:nowrap;

}

/* ANIMATIONS */

@keyframes mailDrop{

to{

opacity:1;

transform:translateY(0);

}

}

@keyframes pulseDot{

50%{

transform:scale(1.4);

opacity:.5;

}

}

@keyframes tickerMove{

100%{

transform:translateX(-50%);

}

}

/* TABLET */

@media(max-width:991px){

.vault-grid{

grid-template-columns:1fr;

gap:60px;

}

.vault-content h2{

font-size:48px;

}

}

/* MOBILE */

@media(max-width:576px){

.email-vault{

padding:90px 20px;

}

.vault-content h2{

font-size:38px;

}

.email-item{

padding:18px;

}

.email-info h3{

font-size:18px;

}

.subject-track span{

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85fb3f3 */.automation-lab{

padding:160px 7%;

background:#07131f;

position:relative;

overflow:hidden;

}

.lab-header{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:120px;

}

.lab-tag{

display:inline-block;

padding:12px 20px;

border-radius:50px;

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

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

color:#ff5656;

font-size:12px;

font-weight:700;

letter-spacing:2px;

margin-bottom:25px;

}

.lab-header h2{

font-size:72px;

line-height:1;

color:white;

margin-bottom:25px;

}

.lab-header p{

font-size:18px;

line-height:1.9;

color:#cfd8e3;

}

/* MACHINE */

.machine{

position:relative;

display:grid;

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

gap:25px;

align-items:center;

margin-bottom:100px;

}

.machine-track{

position:absolute;

left:0;

right:0;

top:50%;

height:4px;

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

transform:translateY(-50%);

}

.machine-glow{

position:absolute;

left:0;

top:50%;

width:100%;

height:4px;

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

filter:blur(10px);

animation:trackGlow 6s linear infinite;

}

.email-train{

position:absolute;

top:50%;

left:0;

width:60px;

height:60px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

transform:translateY(-50%);

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

animation:emailMove 8s linear infinite;

}

/* STAGES */

.machine-stage{

position:relative;

z-index:2;

padding:50px 30px;

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

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

border-radius:30px;

backdrop-filter:blur(20px);

text-align:center;

transition:.4s;

}

.machine-stage:hover{

transform:
translateY(-10px);

}

.stage-icon{

font-size:42px;

margin-bottom:20px;

animation:iconFloat 4s ease-in-out infinite;

}

.machine-stage h3{

font-size:30px;

color:white;

margin-bottom:12px;

}

.machine-stage p{

font-size:16px;

line-height:1.8;

color:#cfd8e3;

}

/* STATUS */

.lab-status{

display:grid;

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

gap:20px;

}

.status-item{

padding:20px;

text-align:center;

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

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

border-radius:18px;

color:white;

animation:statusBlink 8s infinite;

}

.status-item:nth-child(2){

animation-delay:2s;

}

.status-item:nth-child(3){

animation-delay:4s;

}

.status-item:nth-child(4){

animation-delay:6s;

}

/* ANIMATIONS */

@keyframes emailMove{

0%{

left:0;

}

100%{

left:95%;

}

}

@keyframes iconFloat{

50%{

transform:
translateY(-8px);

}

}

@keyframes trackGlow{

100%{

transform:
translateX(100%);

}

}

@keyframes statusBlink{

50%{

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

border-color:
rgba(255,86,86,.4);

}

}

/* TABLET */

@media(max-width:991px){

.lab-header h2{

font-size:48px;

}

.machine{

grid-template-columns:1fr 1fr;

gap:20px;

}

.lab-status{

grid-template-columns:1fr 1fr;

}

}

/* MOBILE */

@media(max-width:576px){

.automation-lab{

padding:90px 20px;

}

.lab-header h2{

font-size:38px;

}

.machine{

grid-template-columns:1fr;

}

.machine-track,
.machine-glow,
.email-train{

display:none;

}

.lab-status{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d082fc */.click-psychology{

position:relative;

padding:180px 7%;

background:#06111d;

overflow:hidden;

min-height:900px;

display:flex;

align-items:center;

justify-content:center;

}

/* CENTER CONTENT */

.psychology-content{

position:relative;

z-index:10;

max-width:850px;

text-align:center;

}

.psychology-tag{

display:inline-block;

padding:12px 20px;

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;

}

.psychology-content h2{

font-size:90px;

line-height:.95;

color:#fff;

margin-bottom:30px;

animation:headingFloat 6s ease-in-out infinite;

}

.psychology-content p{

font-size:20px;

line-height:1.9;

color:#cfd8e3;

max-width:700px;

margin:auto;

margin-bottom:60px;

}

/* BACKGROUND WORDS */

.psychology-bg{

position:absolute;

inset:0;

display:flex;

flex-direction:column;

justify-content:space-around;

pointer-events:none;

}

.mind-word{

font-size:180px;

font-weight:900;

text-align:center;

letter-spacing:-8px;

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

filter:blur(2px);

transform:scale(.9);

animation:wordShift 15s infinite;

}

.mind-word:nth-child(1){

animation-delay:0s;

}

.mind-word:nth-child(2){

animation-delay:3s;

}

.mind-word:nth-child(3){

animation-delay:6s;

}

.mind-word:nth-child(4){

animation-delay:9s;

}

.mind-word:nth-child(5){

animation-delay:12s;

}

/* PSYCHOLOGY FACTORS */

.psychology-stats{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:20px;

}

.stat{

padding:16px 28px;

border-radius:50px;

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

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

backdrop-filter:blur(20px);

color:white;

font-weight:600;

transition:.4s;

}

.stat:hover{

transform:translateY(-8px);

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

}

/* ANIMATIONS */

@keyframes wordShift{

0%,100%{

opacity:.15;

filter:blur(4px);

transform:scale(.9);

}

10%,20%{

opacity:1;

color:rgba(255,86,86,.12);

filter:blur(0);

transform:scale(1);

}

}

@keyframes headingFloat{

50%{

transform:translateY(-10px);

}

}

/* TABLET */

@media(max-width:991px){

.psychology-content h2{

font-size:58px;

}

.mind-word{

font-size:100px;

}

}

/* MOBILE */

@media(max-width:576px){

.click-psychology{

padding:100px 20px;

min-height:auto;

}

.psychology-content h2{

font-size:42px;

}

.psychology-content p{

font-size:16px;

}

.mind-word{

font-size:60px;

letter-spacing:-2px;

}

.psychology-stats{

gap:12px;

}

.stat{

padding:12px 18px;

font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e2a3b2 */.dna-engine{

padding:160px 7%;

background:#07131f;

overflow:hidden;

position:relative;

}

/* HEADER */

.dna-header{

max-width:850px;

margin:auto;

text-align:center;

margin-bottom:120px;

}

.dna-tag{

display:inline-block;

padding:12px 20px;

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;

}

.dna-header h2{

font-size:72px;

color:#fff;

line-height:1;

margin-bottom:25px;

}

.dna-header p{

font-size:18px;

line-height:1.9;

color:#cfd8e3;

}

/* MAIN */

.dna-wrapper{

display:grid;

grid-template-columns:1fr 250px 1fr;

gap:60px;

align-items:center;

}

/* NODES */

.dna-side{

display:flex;

flex-direction:column;

gap:100px;

}

.dna-node{

padding:30px;

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

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

border-radius:24px;

backdrop-filter:blur(20px);

transition:.4s;

}

.dna-node:hover{

transform:translateY(-10px);

border-color:rgba(255,86,86,.4);

}

.dna-node h3{

font-size:28px;

color:white;

margin-bottom:12px;

}

.dna-node p{

color:#cfd8e3;

line-height:1.8;

}

/* DNA */

.dna-core{

height:700px;

display:flex;

align-items:center;

justify-content:center;

}

.helix{

position:relative;

width:120px;

height:100%;

}

.strand{

position:absolute;

width:22px;

height:22px;

border-radius:50%;

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

left:50%;

transform:translateX(-50%);

animation:helixMove 4s infinite ease-in-out;

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

}

.strand:nth-child(1){top:0;}
.strand:nth-child(2){top:90px;animation-delay:.5s;}
.strand:nth-child(3){top:180px;animation-delay:1s;}
.strand:nth-child(4){top:270px;animation-delay:1.5s;}
.strand:nth-child(5){top:360px;animation-delay:2s;}
.strand:nth-child(6){top:450px;animation-delay:2.5s;}
.strand:nth-child(7){top:540px;animation-delay:3s;}
.strand:nth-child(8){top:630px;animation-delay:3.5s;}

@keyframes helixMove{

0%,100%{

transform:
translateX(-50px)
scale(.8);

}

50%{

transform:
translateX(50px)
scale(1.3);

}

}

/* ==========================
   TABLET
========================== */

@media(max-width:991px){

.dna-engine{

padding:120px 40px;

}

.dna-header{

margin-bottom:60px;

}

.dna-header h2{

font-size:48px;

line-height:1.1;

}

.dna-header p{

font-size:17px;

}

.dna-wrapper{

display:flex;

flex-direction:column;

gap:30px;

}

.dna-core{

height:180px;

width:100%;

order:-1;

display:flex;

align-items:center;

justify-content:center;

}

.helix{

width:100px;

height:180px;

}

.strand{

width:16px;

height:16px;

}

.dna-side{

width:100%;

gap:20px;

}

.dna-node{

padding:24px;

}

.dna-node h3{

font-size:24px;

}

}

/* ==========================
   MOBILE
========================== */

@media(max-width:767px){

.dna-engine{

padding:90px 20px;

overflow:hidden;

}

.dna-header{

margin-bottom:40px;

}

.dna-header h2{

font-size:38px;

line-height:1.1;

margin-bottom:20px;

}

.dna-header p{

font-size:16px;

line-height:1.8;

}

.dna-wrapper{

display:flex;

flex-direction:column;

gap:16px;

}

/* HIDE DNA ON MOBILE */

.dna-core{

display:none;

}

.dna-side{

display:flex;

flex-direction:column;

gap:16px;

width:100%;

}

.dna-node{

width:100%;

padding:20px;

border-radius:18px;

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

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

backdrop-filter:blur(10px);

}

.dna-node h3{

font-size:20px;

margin-bottom:8px;

}

.dna-node p{

font-size:14px;

line-height:1.7;

}

}

/* ==========================
   SMALL MOBILE
========================== */

@media(max-width:480px){

.dna-engine{

padding:80px 16px;

}

.dna-header h2{

font-size:32px;

}

.dna-tag{

font-size:10px;

padding:10px 16px;

}

.dna-node{

padding:18px;

}

.dna-node h3{

font-size:18px;

}

.dna-node p{

font-size:13px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-785ec72 */.launch-terminal{

padding:160px 7%;

background:#040d17;

position:relative;

overflow:hidden;

}

.launch-terminal:before{

content:'';

position:absolute;

inset:0;

background-image:

linear-gradient(
rgba(255,255,255,.03) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(255,255,255,.03) 1px,
transparent 1px
);

background-size:40px 40px;

animation:gridMove 12s linear infinite;

}

.terminal-grid{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:80px;

align-items:center;

position:relative;

z-index:2;

}

/* TERMINAL */

.terminal-window{

background:#07131f;

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

border-radius:30px;

overflow:hidden;

position:relative;

}

.terminal-top{

height:60px;

display:flex;

align-items:center;

gap:12px;

padding:0 25px;

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

}

.terminal-top span{

width:12px;

height:12px;

border-radius:50%;

background:#ff5656;

}

.terminal-body{

padding:40px;

}

.terminal-line{

color:#7CFF93;

font-family:monospace;

margin-bottom:20px;

opacity:0;

animation:typingReveal .8s forwards;

}

.terminal-line:nth-child(1){animation-delay:.2s;}
.terminal-line:nth-child(2){animation-delay:.8s;}
.terminal-line:nth-child(3){animation-delay:1.4s;}
.terminal-line:nth-child(4){animation-delay:2s;}

/* FAQ */

.faq-terminal{

margin-top:50px;

display:flex;

flex-direction:column;

gap:25px;

}

.faq-row{

padding-bottom:25px;

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

}

.faq-question{

color:white;

font-size:20px;

font-weight:700;

margin-bottom:12px;

}

.faq-answer{

color:#cfd8e3;

line-height:1.8;

}

/* CTA */

.launch-panel{

text-align:center;

}

.launch-ring{

width:280px;

height:280px;

margin:auto;

border-radius:50%;

position:relative;

display:flex;

align-items:center;

justify-content:center;

}

.launch-ring:before{

content:'';

position:absolute;

inset:0;

border-radius:50%;

border:2px dashed rgba(255,86,86,.4);

animation:ringRotate 12s linear infinite;

}

.launch-core{

width:180px;

height:180px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

font-size:36px;

font-weight:800;

color:white;

box-shadow:
0 0 50px rgba(255,86,86,.5);

}

.launch-panel h2{

font-size:72px;

line-height:.95;

color:white;

margin:40px 0 20px;

}

.launch-panel p{

font-size:18px;

line-height:1.9;

color:#cfd8e3;

margin-bottom:35px;

}

.launch-btn{

display:inline-flex;

padding:20px 40px;

border-radius:60px;

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

color:#fff !important;

font-weight:700;

text-decoration:none;

}

/* ANIMATIONS */

@keyframes ringRotate{

100%{

transform:rotate(360deg);

}

}

@keyframes typingReveal{

to{

opacity:1;

}

}

@keyframes gridMove{

100%{

transform:translateY(40px);

}

}

/* MOBILE */

@media(max-width:991px){

.terminal-grid{

grid-template-columns:1fr;

}

.launch-panel h2{

font-size:48px;

}

}

@media(max-width:576px){

.launch-terminal{

padding:90px 20px;

}

.launch-panel h2{

font-size:38px;

}

.launch-ring{

width:220px;

height:220px;

}

.launch-core{

width:140px;

height:140px;

font-size:28px;

}

.terminal-body{

padding:25px;

}

}/* End custom CSS */