/*==================================================
INDUSTRIES HERO
==================================================*/

.ind-hero{

    position:relative;

    overflow:hidden;

    padding:170px 0 120px;

    background:
    radial-gradient(circle at 20% 20%,rgba(0,170,255,.12),transparent 35%),
    radial-gradient(circle at 80% 80%,rgba(0,120,255,.08),transparent 40%),
    linear-gradient(180deg,#071321,#091826);

}

.ind-shell{

    width:100%;

    max-width:1300px;

    margin:auto;

    padding:0 25px;

    display:grid;

    grid-template-columns:1fr 520px;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}

.ind-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

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

    color:#33c1ff;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.ind-left h1{

    margin:28px 0;

    font-size:72px;

    line-height:1.05;

    font-weight:800;

    color:#fff;

}

.ind-left h1 span{

    color:#22b6ff;

}

.ind-left p{

    max-width:620px;

    color:#9fb5d1;

    font-size:20px;

    line-height:1.9;

}

.ind-buttons{

    margin-top:45px;

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}
/*==================================================
DASHBOARD
==================================================*/

.ind-dashboard{

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

    backdrop-filter:blur(20px);

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

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 40px 80px rgba(0,0,0,.35);

}

.ind-dashboard-top{

    display:flex;

    align-items:center;

    gap:12px;

    padding:22px 30px;

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

}

.ind-dashboard-top span{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#ffffff55;

}

.ind-dashboard-top strong{

    margin-left:15px;

    color:#fff;

}

.ind-dashboard-grid{

    display:grid;

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

    gap:22px;

    padding:30px;

}

.ind-stat{

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

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

    border-radius:22px;

    padding:28px;

}

.ind-stat small{

    display:block;

    color:#9fb5d1;

    margin-bottom:12px;

}

.ind-stat strong{

    color:#fff;

    font-size:36px;

    font-weight:800;

}
@media(max-width:1100px){

.ind-shell{

    grid-template-columns:1fr;

}

.ind-right{

    max-width:650px;

    margin:auto;

}

}

@media(max-width:768px){

.ind-left h1{

    font-size:48px;

}

.ind-left p{

    font-size:17px;

}

.ind-dashboard-grid{

    grid-template-columns:1fr;

}

}

/*==================================================
INDUSTRIES GRID
==================================================*/

.industries-grid-section{

padding:140px 0;

background:#071523;

}

.section-title{

max-width:760px;

margin:auto auto 70px;

}

.section-title.center{

text-align:center;

}

.section-title span{

display:inline-block;

padding:10px 22px;

border-radius:50px;

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

color:#14b6ff;

font-size:13px;

font-weight:700;

letter-spacing:1px;

margin-bottom:25px;

}

.section-title h2{

font-size:56px;

color:#fff;

margin-bottom:25px;

}

.section-title p{

font-size:19px;

color:#8ea7c7;

line-height:1.8;

}

.industries-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));

    gap:35px;

    align-items:stretch;

}

.industry-card{

    position:relative;

    display:block;

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

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

    border-radius:26px;

    padding:34px;

    text-decoration:none;

    color:#fff;

    overflow:hidden;

    transition:.35s;

    backdrop-filter:blur(18px);

}

.industry-card:hover{

    transform:translateY(-10px);

    border-color:rgba(0,170,255,.45);

    box-shadow:0 25px 60px rgba(0,170,255,.15);

}

.industry-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:linear-gradient(135deg,#009dff,#1768ff);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    font-size:28px;

    color:#fff;

}

.industry-card h3{

    font-size:28px;

    margin-bottom:16px;

    color:#fff;

}

.industry-card p{

    color:#9fb5d1;

    line-height:1.8;

    margin-bottom:26px;

}

.industry-list{

    list-style:none;

    padding:0;

    margin:0 0 28px;

}

.industry-list li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:12px;

    color:#dbe7f8;

    font-size:15px;

}

.industry-list li::before{

    content:"✓";

    color:#00b6ff;

    font-weight:700;

}

.industry-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#16b8ff;

    font-weight:700;

    transition:.3s;

}

.industry-link i{

    transition:.3s;

}

.industry-card:hover .industry-link i{

    transform:translateX(8px);

}

.industry-card:hover{

transform:translateY(-12px);

border-color:#11b5ff;

box-shadow:0 25px 60px rgba(0,170,255,.18);

}

.industry-icon{

width:74px;

height:74px;

border-radius:22px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#009dff,#1bd2ff);

font-size:28px;

color:white;

margin-bottom:30px;

}

.industry-card h3{

font-size:28px;

color:white;

margin-bottom:15px;

}

.industry-card p{

color:#98adc9;

line-height:1.8;

font-size:17px;

}

@media(max-width:1100px){

.industries-grid{

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

}

}

@media(max-width:768px){

.section-title h2{

font-size:42px;

}

.industries-grid{

grid-template-columns:1fr;

}

}


/*==================================================
PROCESS FLOW
==================================================*/

.industry-process{

padding:140px 0;

background:#050d18;

}

.process-line{

display:grid;

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

gap:28px;

margin-top:80px;

position:relative;

}

.process-line::before{

content:"";

position:absolute;

left:6%;

right:6%;

top:42px;

height:2px;

background:linear-gradient(90deg,#0aaeff,#3fd0ff);

z-index:0;

opacity:.25;

}

.process-step{

position:relative;

z-index:2;

text-align:center;

}

.step-icon{

width:84px;

height:84px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#0a8cff,#17d3ff);

color:white;

font-size:30px;

box-shadow:0 20px 50px rgba(0,170,255,.25);

}

.process-step h4{

margin-top:24px;

font-size:19px;

font-weight:700;

color:#fff;

}

@media(max-width:1100px){

.process-line{

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

}

.process-line::before{

display:none;

}

}

@media(max-width:768px){

.process-line{

grid-template-columns:1fr;

}

}


/*==================================================
WHY CERP
==================================================*/

.why-industry{

padding:140px 0;

background:#071523;

}

.why-grid{

display:grid;

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

gap:35px;

margin-top:70px;

}

.why-card{

padding:45px;

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

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

border-radius:30px;

transition:.35s;

}

.why-card:hover{

transform:translateY(-10px);

border-color:#11b5ff;

box-shadow:0 30px 60px rgba(0,170,255,.15);

}

.why-card i{

font-size:42px;

color:#14b6ff;

margin-bottom:30px;

}

.why-card h3{

font-size:30px;

color:#fff;

margin-bottom:20px;

}

.why-card p{

color:#9fb5d1;

font-size:18px;

line-height:1.8;

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}

/*==================================================
SUCCESS METRICS
==================================================*/

.success-metrics{

padding:140px 0;

background:#050d18;

}

.metrics-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

.metric-card{

padding:50px 35px;

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

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

border-radius:30px;

text-align:center;

transition:.35s;

}

.metric-card:hover{

transform:translateY(-10px);

border-color:#11b5ff;

box-shadow:0 25px 60px rgba(0,170,255,.18);

}

.metric-card strong{

display:block;

font-size:56px;

font-weight:800;

color:#14b6ff;

margin-bottom:18px;

}

.metric-card span{

font-size:18px;

color:#c9d6e6;

}

@media(max-width:1100px){

.metrics-grid{

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

}

}

@media(max-width:768px){

.metrics-grid{

grid-template-columns:1fr;

}

}
/*==================================================
CONNECTED ECOSYSTEM
==================================================*/

.ecosystem{

padding:170px 0;

background:#071321;

overflow:hidden;

}

.ecosystem-wrapper{

position:relative;

width:900px;

height:900px;

margin:100px auto;

}

.center-platform{

position:absolute;

left:50%;

top:50%;

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

width:240px;

height:240px;

border-radius:50%;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

background:linear-gradient(135deg,#007cff,#1bd3ff);

box-shadow:0 0 80px rgba(0,170,255,.45);

color:white;

z-index:5;

}

.center-platform h3{

font-size:52px;

line-height:1;

}

.center-platform small{

margin-top:10px;

opacity:.9;

}

.eco-box{

position:absolute;

width:170px;

height:170px;

border-radius:30px;

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

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

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

transition:.35s;

backdrop-filter:blur(20px);

}

.eco-box:hover{

transform:scale(1.08);

border-color:#17c7ff;

box-shadow:0 20px 60px rgba(0,170,255,.25);

}

.eco-box i{

font-size:42px;

color:#18c8ff;

margin-bottom:18px;

}

.eco-box span{

color:white;

font-weight:700;

font-size:18px;

}

/* Konumlar */

.top{
left:50%;
top:0;
transform:translateX(-50%);
}

.top-left{
left:130px;
top:170px;
}

.top-right{
right:130px;
top:170px;
}

.left{
left:0;
top:50%;
transform:translateY(-50%);
}

.right{
right:0;
top:50%;
transform:translateY(-50%);
}

.bottom-left{
left:130px;
bottom:170px;
}

.bottom-right{
right:130px;
bottom:170px;
}

.bottom{
left:50%;
bottom:0;
transform:translateX(-50%);
}

/* Glow halkalar */

.ecosystem-wrapper::before{

content:"";

position:absolute;

inset:160px;

border:2px dashed rgba(34,182,255,.12);

border-radius:50%;

}

.ecosystem-wrapper::after{

content:"";

position:absolute;

inset:270px;

border:2px dashed rgba(34,182,255,.08);

border-radius:50%;

}

@media(max-width:1000px){

.ecosystem-wrapper{

width:100%;

height:auto;

display:grid;

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

gap:30px;

}

.center-platform{

position:relative;

left:auto;

top:auto;

transform:none;

margin:auto;

grid-column:1/3;

}

.eco-box{

position:relative;

left:auto;
right:auto;
top:auto;
bottom:auto;


transform:none !important;

width:100%;

}

.ecosystem-wrapper::before,
.ecosystem-wrapper::after{

display:none;

}

}
/*==================================================
INDUSTRY SHOWCASE
==================================================*/

.industry-showcase{

    padding:140px 0;

    background:#071523;

}

.industry-showcase-layout{

    display:grid;

    grid-template-columns:360px 1fr;

    gap:60px;

    margin-top:70px;

    align-items:start;

}

.industry-menu{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.industry-tab{

    width:100%;

    display:flex;

    align-items:center;

    gap:14px;

    padding:22px 26px;

    background:#121f30;

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

    border-radius:18px;

    color:#fff;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

}

.industry-tab:hover{

    background:#129cff;

    transform:translateX(8px);

}

.industry-tab.active{

    background:linear-gradient(135deg,#0077ff,#19b5ff);

}

.industry-preview{

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

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

    border-radius:30px;

    padding:45px;

}

.preview-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:rgba(0,170,255,.15);

    color:#19b5ff;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.industry-preview h3{

    font-size:42px;

    color:#fff;

    margin-bottom:20px;

}

.industry-preview p{

    color:#9fb5d1;

    line-height:1.8;

    margin-bottom:30px;

}

.industry-preview ul{

    display:grid;

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

    gap:18px;

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.industry-preview li{

    color:#fff;

}

.industry-preview li::before{

    content:"✓ ";

    color:#19b5ff;

}

@media(max-width:1100px){

    .industry-showcase-layout{

        grid-template-columns:1fr;

    }

}