.elementor-1586 .elementor-element.elementor-element-222045c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-0b22d2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-c6ea42f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-447e801{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-157348a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-d8ea743{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-98b5bd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-672b2f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-720e7dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1586 .elementor-element.elementor-element-e39f3af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-785d361 */*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Inter,sans-serif;
background:#f8f5f2;
overflow-x:hidden;
color:#111;
}

/* HORIZON GLOW */

.hero-section{

min-height:100vh;

position:relative;

overflow:hidden;

background:
radial-gradient(
circle at 85% 60%,
rgba(255,185,100,.50),
transparent 40%
),

radial-gradient(
circle at 70% 40%,
rgba(255,220,170,.30),
transparent 40%
),

#f8f5f2;
}

/* NAVBAR */

.navbar{

width:90%;

max-width:1300px;

margin:30px auto;

padding:18px 30px;

display:flex;

justify-content:space-between;

align-items:center;
}

.glass{

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

backdrop-filter:blur(20px);

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

border-radius:24px;

box-shadow:
0 10px 30px rgba(0,0,0,.05);
}

.logo{
display:flex;
align-items:center;
gap:10px;
font-weight:700;
}

.nav-links{

display:flex;
gap:40px;
list-style:none;
}

.demo-btn{

padding:14px 24px;

border-radius:14px;

text-decoration:none;

color:#fff;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);
}

/* HERO */

.hero-container{

width:90%;

max-width:1300px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

padding:80px 0;
}

.badge{

display:inline-block;

padding:10px 18px;

border-radius:100px;

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

margin-bottom:30px;
}

.hero-content h1{

font-size:78px;

line-height:1.05;

font-weight:800;

margin-bottom:25px;
}

.hero-content h1 span{

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);

-webkit-background-clip:text;

color:transparent;
}

.hero-content p{

font-size:22px;

color:#555;

max-width:650px;

margin-bottom:35px;
}

.hero-buttons{

display:flex;

gap:20px;

margin-bottom:40px;
}

.primary-btn{

padding:18px 34px;

border-radius:16px;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);

color:white;

text-decoration:none;
}

.secondary-btn{

padding:18px 34px;

border-radius:16px;

border:1px solid #ddd;

text-decoration:none;

color:#111;
}

.partners{

display:flex;

gap:30px;

font-weight:600;

color:#777;
}

/* WATER BUBBLES */

.hero-right{

position:relative;

height:550px;
}

.hero-right::before{

content:'';

position:absolute;

width:700px;

height:700px;

right:-150px;

top:-100px;

background:
radial-gradient(
circle,
rgba(255,185,100,.45),
transparent 70%
);

filter:blur(80px);
}

/* Bubble */

.bubble{

position:absolute;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

overflow:hidden;

backdrop-filter:blur(30px);

background:
radial-gradient(
circle at 30% 25%,
rgba(255,255,255,.95),
rgba(255,255,255,.55) 30%,
rgba(255,255,255,.20) 70%
);

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

box-shadow:

inset 0 4px 15px rgba(255,255,255,.9),

inset 0 -10px 25px rgba(255,255,255,.25),

0 25px 50px rgba(255,170,80,.15),

0 0 40px rgba(255,255,255,.5);
}

.bubble::before{

content:'';

position:absolute;

width:60%;

height:35%;

top:12%;

left:15%;

border-radius:50%;

background:
radial-gradient(
ellipse,
rgba(255,255,255,.95),
transparent
);

filter:blur(6px);
}

.bubble::after{

content:'';

position:absolute;

width:140%;

height:140%;

bottom:-80%;

left:-20%;

background:
radial-gradient(
circle,
rgba(255,255,255,.55),
transparent 60%
);
}

/* SIZES */

.bubble-1{
width:180px;
height:180px;
top:30px;
left:20px;
}

.bubble-2{
width:260px;
height:260px;
top:0;
right:30px;
}

.bubble-3{
width:190px;
height:190px;
bottom:20px;
left:120px;
}

.bubble-content{
text-align:center;
}

.bubble-content h2{
font-size:70px;
font-weight:700;
}

.bubble-content span{
font-size:28px;
}

/* FLOAT */

@keyframes float{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-15px);
}
}

.bubble-1{
animation:float 6s infinite ease-in-out;
}

.bubble-2{
animation:float 8s infinite ease-in-out;
}

.bubble-3{
animation:float 7s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99cdd7f *//* =========================
STATS SECTION
========================= */

.stats-section{

padding:40px 0 100px;
}

.stats-container{

width:90%;

max-width:1300px;

margin:auto;

display:grid;

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

padding:35px;

gap:20px;
}

.stat-item{

text-align:center;

position:relative;
}

.stat-item:not(:last-child)::after{

content:'';

position:absolute;

right:-10px;

top:50%;

transform:translateY(-50%);

width:1px;

height:60px;

background:
rgba(0,0,0,.08);
}

.stat-item h2{

font-size:52px;

font-weight:800;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);

-webkit-background-clip:text;

color:transparent;
}

.stat-item p{

margin-top:10px;

font-size:16px;

color:#666;
}


/* =========================
PROBLEM SECTION
========================= */

.problem-section{

width:90%;

max-width:1300px;

margin:auto;

padding:40px 0 120px;
}

.section-tag{

display:inline-block;

padding:10px 18px;

border-radius:100px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

margin-bottom:25px;

background:
rgba(255,120,120,.12);

color:#ff4b4b;
}

.problem-section h2{

font-size:60px;

line-height:1.1;

max-width:1000px;

margin-bottom:25px;
}

.problem-subtitle{

font-size:24px;

color:#666;

max-width:1000px;

margin-bottom:60px;
}

.problem-grid{

display:grid;

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

gap:30px;
}

.problem-card{

padding:40px;

position:relative;

overflow:hidden;

transition:.35s;
}

.problem-card:hover{

transform:translateY(-10px);
}

.problem-card::before{

content:'';

position:absolute;

top:0;

left:0;

width:5px;

height:100%;

background:
linear-gradient(
180deg,
#ff5a5a,
#ff8a00
);
}

.problem-icon{

width:70px;

height:70px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

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

margin-bottom:25px;
}

.problem-card h3{

font-size:30px;

margin-bottom:20px;
}

.problem-card p{

font-size:18px;

line-height:1.8;

color:#666;
}


/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.stats-container{
grid-template-columns:1fr 1fr;
}

.problem-grid{
grid-template-columns:1fr;
}

.problem-section h2{
font-size:42px;
}

.problem-subtitle{
font-size:20px;
}
}

@media(max-width:768px){

.stats-container{
grid-template-columns:1fr;
}

.stat-item::after{
display:none;
}

.problem-section h2{
font-size:34px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ab606f *//* =========================
SERVICES SECTION
========================= */

.services-section{

width:90%;

max-width:1300px;

margin:auto;

padding:120px 0;
}

.section-header{

text-align:center;

max-width:900px;

margin:auto;
}

.service-tag{

background:
rgba(255,138,0,.12);

color:#ff7b00;
}

.section-header h2{

font-size:68px;

line-height:1.1;

margin-bottom:25px;
}

.section-header p{

font-size:22px;

line-height:1.8;

color:#666;

margin-bottom:70px;
}

.services-grid{

display:grid;

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

gap:30px;
}

/* SERVICE CARD */

.service-card{

padding:40px;

transition:.4s;

position:relative;

overflow:hidden;
}

.service-card:hover{

transform:
translateY(-12px);

box-shadow:
0 30px 60px rgba(0,0,0,.08);
}

/* TOP GLOW */

.service-card::before{

content:'';

position:absolute;

top:-120px;

right:-120px;

width:250px;

height:250px;

background:
radial-gradient(
circle,
rgba(255,138,0,.18),
transparent 70%
);

transition:.4s;
}

.service-card:hover::before{

transform:scale(1.2);
}

.service-icon{

width:80px;

height:80px;

border-radius:22px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin-bottom:25px;

background:
linear-gradient(
135deg,
rgba(255,138,0,.15),
rgba(255,45,122,.10)
);
}

.service-card h3{

font-size:30px;

line-height:1.3;

margin-bottom:18px;
}

.service-card p{

font-size:18px;

line-height:1.8;

color:#666;

margin-bottom:25px;
}

.service-card a{

text-decoration:none;

font-weight:700;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);

-webkit-background-clip:text;

color:transparent;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

.services-grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.services-grid{
grid-template-columns:1fr;
}

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

.section-header p{
font-size:18px;
}

.service-card h3{
font-size:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98b58a5 *//* =========================
LIFECYCLE SECTION
========================= */

.lifecycle-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.lifecycle-tag{

background:
rgba(0,212,255,.10);

color:#00a6d6;
}

.lifecycle-wrapper{

position:relative;

margin-top:90px;

padding-top:60px;
}

/* MAIN LINE */

.timeline-line{

position:absolute;

top:95px;

left:8%;

right:8%;

height:6px;

border-radius:50px;

background:
linear-gradient(
90deg,
#00d4ff,
#45a7ff,
#ff8a00,
#eb1600
);

box-shadow:
0 0 25px rgba(0,212,255,.25),
0 0 25px rgba(255,138,0,.25);
}

/* GRID */

.timeline-grid{

display:grid;

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

gap:20px;

position:relative;

z-index:5;
}

/* NODE */

.timeline-node{

text-align:center;

position:relative;
}

/* CIRCLE */

.node-circle{

width:90px;

height:90px;

margin:auto;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-weight:700;

font-size:22px;

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

backdrop-filter:blur(20px);

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

box-shadow:
0 20px 40px rgba(0,0,0,.05);

transition:.4s;
}

.timeline-node:hover .node-circle{

transform:
translateY(-10px)
scale(1.08);

box-shadow:
0 25px 50px rgba(255,138,0,.15);
}

.timeline-node h3{

margin-top:30px;

font-size:24px;

margin-bottom:12px;
}

.timeline-node p{

font-size:15px;

line-height:1.6;

color:#666;
}

/* POWERED ROW */

.powered-row{

display:flex;

justify-content:space-between;

margin-top:60px;
}

.powered{

padding:16px 30px;

border-radius:100px;

font-weight:700;

font-size:15px;
}

/* ARIA */

.aria-powered{

background:
rgba(0,212,255,.12);

color:#009ed6;

border:
1px solid rgba(0,212,255,.20);
}

/* AURA */

.aura-powered{

background:
rgba(255,138,0,.12);

color:#ff7b00;

border:
1px solid rgba(255,138,0,.20);
}









@media(max-width:1100px){

.timeline-grid{

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

row-gap:60px;
}

.timeline-line{
display:none;
}

.powered-row{

flex-direction:column;

gap:20px;
}

}


@media(max-width:768px){

.timeline-grid{

grid-template-columns:1fr;
}

.lifecycle-section h2{

font-size:40px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42e6f05 *//* =========================
ARIA SECTION
========================= */

.aria-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.aria-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:center;
}

/* LEFT */

.product-label{

display:inline-block;

padding:12px 20px;

border-radius:100px;

font-weight:700;

background:
rgba(0,212,255,.12);

color:#0099cc;

margin-bottom:30px;
}

.aria-content h2{

font-size:68px;

line-height:1.05;

margin-bottom:25px;
}

.aria-description{

font-size:22px;

line-height:1.8;

color:#666;

margin-bottom:45px;
}

/* STATS */

.aria-stats{

display:grid;

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

gap:20px;

margin-bottom:40px;
}

.aria-stat{

padding:25px;
}

.aria-stat h3{

font-size:42px;

background:
linear-gradient(
135deg,
#00d4ff,
#4da8ff
);

-webkit-background-clip:text;

color:transparent;
}

.aria-stat span{

color:#666;
}

.aria-btn{

display:inline-block;

padding:18px 32px;

border-radius:16px;

text-decoration:none;

color:#fff;

font-weight:600;

background:
linear-gradient(
135deg,
#00d4ff,
#4da8ff
);
}

/* DASHBOARD */

.aria-dashboard{

padding:40px;

position:relative;

overflow:hidden;
}

.aria-dashboard::before{

content:'';

position:absolute;

top:-200px;

right:-200px;

width:400px;

height:400px;

background:
radial-gradient(
circle,
rgba(0,212,255,.25),
transparent 70%
);

filter:blur(30px);
}

.dashboard-header{

display:flex;

align-items:center;

gap:10px;

margin-bottom:35px;

font-weight:700;
}

/* LIVE DOT */

.live-dot{

width:12px;

height:12px;

border-radius:50%;

background:#00d4ff;

animation:pulse 2s infinite;
}

@keyframes pulse{

0%{
transform:scale(1);
opacity:1;
}

50%{
transform:scale(1.4);
opacity:.6;
}

100%{
transform:scale(1);
opacity:1;
}
}

/* CAPABILITIES */

.capability-grid{

display:grid;

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

gap:15px;

margin-bottom:40px;
}

.cap-chip{

padding:16px 18px;

border-radius:14px;

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

font-weight:600;

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

/* WORKFLOW */

.workflow-preview{

display:grid;

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

gap:15px;
}

.workflow-step{

padding:18px;

border-radius:16px;

background:
linear-gradient(
135deg,
rgba(0,212,255,.10),
rgba(77,168,255,.05)
);

font-weight:600;
}









@media(max-width:1100px){

.aria-grid{

grid-template-columns:1fr;
}

.aria-content h2{

font-size:48px;
}

}


@media(max-width:768px){

.capability-grid{

grid-template-columns:1fr;
}

.workflow-preview{

grid-template-columns:1fr;
}

.aria-stats{

grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d188182 *//* =========================
AURA SECTION
========================= */

.aura-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.aura-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;
}

/* LABEL */

.aura-label{

background:
rgba(255,138,0,.12);

color:#ff7b00;
}

.aura-content h2{

font-size:68px;

line-height:1.05;

margin-bottom:25px;
}

.aura-description{

font-size:22px;

line-height:1.8;

color:#666;

margin-bottom:45px;
}

/* STATS */

.aura-stats{

display:grid;

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

gap:20px;

margin-bottom:40px;
}

.aura-stat{

padding:25px;
}

.aura-stat h3{

font-size:42px;

background:
linear-gradient(
135deg,
#ff8a00,
#ff3d00
);

-webkit-background-clip:text;

color:transparent;
}

.aura-btn{

display:inline-block;

padding:18px 32px;

border-radius:16px;

text-decoration:none;

color:#fff;

font-weight:600;

background:
linear-gradient(
135deg,
#ff8a00,
#ff3d00
);
}

/* DASHBOARD */

.aura-dashboard{

padding:35px;

position:relative;

overflow:hidden;
}

.aura-dashboard::before{

content:'';

position:absolute;

width:400px;

height:400px;

top:-150px;

left:-150px;

background:
radial-gradient(
circle,
rgba(255,138,0,.25),
transparent 70%
);

filter:blur(40px);
}

.aura-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:35px;
}

.aura-live{

display:flex;

align-items:center;

gap:10px;

font-weight:700;
}

.live-orange{

width:12px;

height:12px;

border-radius:50%;

background:#ff8a00;

animation:pulse 2s infinite;
}

.aura-status{

padding:10px 16px;

border-radius:100px;

background:
rgba(255,138,0,.12);

color:#ff7b00;

font-weight:700;
}

/* BOT TABLE */

.bot-list{

display:flex;

flex-direction:column;

gap:14px;

margin-bottom:35px;
}

.bot-row{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px;

border-radius:16px;

background:
rgba(255,255,255,.45);
}

.bot-name{

font-weight:600;
}

.bot-state{

font-size:14px;

font-weight:700;
}

.running .bot-state{
color:#1db954;
}

.warning .bot-state{
color:#ff9900;
}

.danger .bot-state{
color:#ff3d3d;
}

/* INCIDENT */

.incident-panel{

padding:24px;

border-radius:20px;

background:
linear-gradient(
135deg,
rgba(255,138,0,.08),
rgba(255,61,0,.05)
);
}

.incident-panel h4{

margin-bottom:20px;
}

.incident-metrics{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;
}

.metric{

text-align:center;
}

.metric span{

font-size:42px;

font-weight:700;

background:
linear-gradient(
135deg,
#ff8a00,
#ff3d00
);

-webkit-background-clip:text;

color:transparent;
}









@media(max-width:1100px){

.aura-grid{

grid-template-columns:1fr;
}

.aura-content h2{

font-size:48px;
}

}

@media(max-width:768px){

.aura-stats{

grid-template-columns:1fr;
}

.incident-metrics{

grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3943f28 *//* =========================
WHY AUTOMATION COE
========================= */

.why-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.why-tag{

background:
rgba(255,138,0,.12);

color:#ff7b00;
}

.why-grid{

display:grid;

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

gap:30px;

margin-top:70px;
}

.why-card{

padding:40px;

position:relative;

transition:.4s;
}

.why-card:hover{

transform:
translateY(-12px);

box-shadow:
0 30px 60px rgba(0,0,0,.08);
}

.why-number{

font-size:60px;

font-weight:800;

margin-bottom:25px;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);

-webkit-background-clip:text;

color:transparent;
}

.why-card h3{

font-size:28px;

margin-bottom:18px;
}

.why-card p{

font-size:18px;

line-height:1.8;

color:#666;
}





@media(max-width:1100px){

.why-grid{

grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b1c5fe *//* =========================
INDUSTRIES SECTION
========================= */

.industries-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.industries-tag{

background:
rgba(0,212,255,.10);

color:#00a6d6;
}

.industries-grid{

display:grid;

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

gap:30px;

margin-top:70px;
}

.industry-card{

padding:35px;

border-radius:28px;

transition:.4s;

cursor:pointer;

position:relative;

overflow:hidden;
}

.industry-card:hover{

transform:
translateY(-10px);

box-shadow:
0 25px 50px rgba(0,0,0,.08);
}

.industry-card::before{

content:'';

position:absolute;

width:250px;

height:250px;

top:-120px;

right:-120px;

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

transition:.4s;
}

.industry-card:hover::before{

transform:scale(1.3);
}

.industry-icon{

width:80px;

height:80px;

border-radius:22px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin-bottom:25px;

background:
linear-gradient(
135deg,
rgba(0,212,255,.12),
rgba(77,168,255,.05)
);
}

.industry-card h3{

font-size:28px;

line-height:1.3;

margin-bottom:12px;
}

.industry-card span{

font-size:16px;

color:#666;
}



@media(max-width:1100px){

.industries-grid{

grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.industries-grid{

grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92b34f8 *//* =========================
CASE STUDIES
========================= */

.case-studies-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.case-tag{

background:
rgba(255,138,0,.12);

color:#ff7b00;
}

.case-grid{

display:grid;

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

gap:30px;

margin-top:70px;
}

.case-card{

padding:35px;

position:relative;

overflow:hidden;

transition:.4s;
}

.case-card:hover{

transform:
translateY(-12px);

box-shadow:
0 25px 60px rgba(0,0,0,.08);
}

.case-card::before{

content:'';

position:absolute;

width:250px;

height:250px;

top:-120px;

right:-120px;

background:
radial-gradient(
circle,
rgba(255,138,0,.18),
transparent 70%
);

transition:.4s;
}

.case-card:hover::before{

transform:scale(1.3);
}

.case-header{

margin-bottom:25px;
}

.industry-badge{

display:inline-block;

padding:10px 18px;

border-radius:100px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

background:
rgba(255,138,0,.12);

color:#ff7b00;
}

.case-card h3{

font-size:32px;

line-height:1.3;

margin-bottom:35px;
}

.case-metrics{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;
}

.case-metric{

padding:20px;

border-radius:20px;

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

text-align:center;
}

.case-metric h4{

font-size:40px;

font-weight:800;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);

-webkit-background-clip:text;

color:transparent;
}

.case-metric p{

margin-top:8px;

color:#666;
}






@media(max-width:1100px){

.case-grid{

grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-099ed9b *//* =========================
FINAL CTA
========================= */

.final-cta-section{

width:90%;

max-width:1400px;

margin:auto;

padding:140px 0;
}

.final-cta{

position:relative;

overflow:hidden;

padding:90px;

border-radius:40px;

text-align:center;
}

/* GLOW */

.cta-glow{

position:absolute;

width:600px;

height:600px;

top:-250px;

left:50%;

transform:translateX(-50%);

background:
radial-gradient(
circle,
rgba(255,138,0,.30),
transparent 70%
);

filter:blur(60px);

pointer-events:none;
}

.final-cta h2{

font-size:72px;

line-height:1.1;

position:relative;

z-index:2;

margin-bottom:25px;
}

.final-cta p{

font-size:22px;

color:#666;

max-width:700px;

margin:auto;

margin-bottom:45px;

position:relative;

z-index:2;
}

/* BUTTONS */

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

position:relative;

z-index:2;
}

.cta-primary{

padding:18px 36px;

border-radius:16px;

text-decoration:none;

font-weight:700;

color:#fff;

background:
linear-gradient(
135deg,
#ff8a00,
#ff2d7a
);
}

.cta-secondary{

padding:18px 36px;

border-radius:16px;

text-decoration:none;

font-weight:700;

color:#111;

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

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

backdrop-filter:blur(20px);
}

/* =========================
FOOTER
========================= */

.footer{

padding:100px 5% 40px;

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

backdrop-filter:blur(20px);

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

.footer-container{

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:
1.3fr 2fr;

gap:80px;
}

/* BRAND */

.footer-brand h3{

font-size:36px;

margin-bottom:15px;
}

.footer-brand p{

font-size:18px;

color:#666;
}

/* LINKS */

.footer-links{

display:grid;

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

gap:40px;
}

.footer-column h4{

margin-bottom:20px;

font-size:18px;
}

.footer-column{

display:flex;

flex-direction:column;
}

.footer-column a{

text-decoration:none;

color:#666;

margin-bottom:12px;

transition:.3s;
}

.footer-column a:hover{

color:#ff7b00;
}

/* BOTTOM */

.footer-bottom{

max-width:1400px;

margin:auto;

padding-top:40px;

margin-top:40px;

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

display:flex;

justify-content:space-between;

align-items:center;

color:#777;
}

.footer-policy{

display:flex;

gap:25px;
}

.footer-policy a{

text-decoration:none;

color:#777;
}





@media(max-width:991px){

.final-cta{

padding:60px 30px;
}

.final-cta h2{

font-size:48px;
}

.footer-container{

grid-template-columns:1fr;
}

.footer-links{

grid-template-columns:
1fr 1fr;
}

.footer-bottom{

flex-direction:column;

gap:20px;

text-align:center;
}

}

@media(max-width:768px){

.cta-buttons{

flex-direction:column;
}

.footer-links{

grid-template-columns:1fr;
}

.final-cta h2{

font-size:38px;
}

.final-cta p{

font-size:18px;
}

}/* End custom CSS */