/* Inner Page Common */
.tlx-inner-hero{
    position:relative;
    overflow:hidden;
    padding:95px 0 105px;
    background:
        radial-gradient(circle at 15% 20%, rgba(139,8,217,.14), transparent 30%),
        radial-gradient(circle at 85% 25%, rgba(1,180,233,.22), transparent 32%),
        linear-gradient(135deg,#f8feff 0%,#e7fbff 45%,rgba(1,180,233,.42) 100%);
}

.tlx-inner-hero::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-160px;
    bottom:-190px;
    border-radius:50%;
    background:rgba(255,255,255,.38);
    filter:blur(2px);
}

.tlx-inner-hero .container{
    position:relative;
    z-index:2;
}

.tlx-inner-hero h1{
    max-width:880px;
    margin:10px 0 18px;
    font-size:56px;
    line-height:1.08;
    font-weight:800;
    background:linear-gradient(135deg,#8b08d9,#01b4e9);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.tlx-inner-hero p{
    max-width:780px;
    margin:0;
    font-size:20px;
    line-height:1.8;
    color:#17384b;
}

/* About Page */
.tlx-about-premium{
    position:relative;
    overflow:hidden;
}

.about-premium-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:60px;
    align-items:center;
}

.about-premium-content p{
    font-size:17px;
    line-height:1.9;
    color:#64798a;
    margin:0 0 18px;
}

.about-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:34px;
}

.about-stats div{
    padding:24px 18px;
    border-radius:24px;
    background:linear-gradient(145deg,#ffffff,#eefcff);
    border:1px solid rgba(1,180,233,.15);
    box-shadow:0 16px 42px rgba(18,48,68,.08);
    text-align:center;
}

.about-stats strong{
    display:block;
    font-size:34px;
    line-height:1;
    color:#8b08d9;
    margin-bottom:8px;
}

.about-stats span{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#64798a;
}

.about-premium-card{
    position:relative;
    padding:42px;
    border-radius:34px;
    background:
        radial-gradient(circle at top right,rgba(1,180,233,.18),transparent 35%),
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,252,255,.82));
    border:1px solid rgba(1,180,233,.18);
    box-shadow:0 30px 80px rgba(18,48,68,.12);
}

.about-premium-card::before{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:26px;
    border:1px dashed rgba(139,8,217,.18);
    pointer-events:none;
}

.about-card-icon{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,#8b08d9,#01b4e9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:28px;
    box-shadow:0 18px 42px rgba(139,8,217,.22);
}

.about-premium-card h3{
    margin:0 0 14px;
    font-size:30px;
    color:#123044;
}

.about-premium-card p{
    margin:0;
    color:#64798a;
    font-size:17px;
    line-height:1.8;
}

.about-values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.about-value-card{
    position:relative;
    padding:32px 26px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(1,180,233,.14);
    box-shadow:0 18px 52px rgba(18,48,68,.08);
    transition:.35s ease;
    overflow:hidden;
}

.about-value-card::after{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    right:-50px;
    top:-50px;
    border-radius:50%;
    background:rgba(1,180,233,.10);
}

.about-value-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 80px rgba(18,48,68,.14);
}

.about-value-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,#8b08d9,#01b4e9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    margin-bottom:22px;
}

.about-value-card h3{
    margin:0 0 12px;
    color:#123044;
    font-size:21px;
}

.about-value-card p{
    margin:0;
    color:#64798a;
    line-height:1.75;
}

.about-mission-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    padding:50px;
    border-radius:36px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(139,8,217,.94),rgba(1,180,233,.88)),
        url("https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1400&q=80") center/cover;
    box-shadow:0 28px 80px rgba(18,48,68,.18);
}

.about-mission-box h2{
    margin:10px 0 14px;
    font-size:38px;
    line-height:1.15;
}

.about-mission-box p{
    margin:0;
    max-width:720px;
    font-size:17px;
    line-height:1.8;
    color:rgba(255,255,255,.9);
}

/* Services Page */
.tlx-services-page{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(139,8,217,.08), transparent 32%),
        radial-gradient(circle at 90% 8%, rgba(1,180,233,.10), transparent 30%);
}

.services-card-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:26px;
}

.service-premium-card{
    position:relative;
    min-height:380px;
    padding:32px 26px;
    border-radius:30px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(1,180,233,.15);
    box-shadow:0 20px 60px rgba(18,48,68,.09);
    transition:.35s ease;
    overflow:hidden;
}

.service-premium-card::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:5px;
    background:linear-gradient(90deg,#8b08d9,#01b4e9);
}

.service-premium-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-70px;
    bottom:-70px;
    border-radius:50%;
    background:rgba(1,180,233,.10);
    transition:.35s ease;
}

.service-premium-card:hover{
    transform:translateY(-9px);
    border-color:rgba(139,8,217,.28);
    box-shadow:0 35px 90px rgba(18,48,68,.15);
}

.service-premium-card:hover::after{
    transform:scale(1.2);
    background:rgba(139,8,217,.10);
}

.service-premium-icon{
    width:64px;
    height:64px;
    border-radius:22px;
    background:linear-gradient(135deg,#8b08d9,#01b4e9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    margin-bottom:24px;
    box-shadow:0 18px 38px rgba(139,8,217,.22);
}

.service-premium-card h3{
    margin:0 0 12px;
    color:#123044;
    font-size:22px;
    line-height:1.25;
}

.service-premium-card p{
    margin:0 0 20px;
    color:#64798a;
    line-height:1.72;
}

.service-premium-card ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:9px;
}

.service-premium-card li{
    position:relative;
    padding-left:24px;
    color:#243746;
    font-size:14px;
    font-weight:700;
}

.service-premium-card li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#01b4e9;
    font-weight:900;
}

.services-process-box{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:50px;
    align-items:center;
}

.services-process-content h2{
    margin:12px 0 16px;
    font-size:42px;
    line-height:1.15;
    color:#123044;
}

.services-process-content p{
    color:#64798a;
    font-size:17px;
    line-height:1.85;
}

.services-process-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.services-process-list div{
    padding:28px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(1,180,233,.14);
    box-shadow:0 18px 48px rgba(18,48,68,.08);
}

.services-process-list span{
    display:inline-flex;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-weight:900;
    background:linear-gradient(135deg,#8b08d9,#01b4e9);
    margin-bottom:16px;
}

.services-process-list strong{
    display:block;
    font-size:20px;
    color:#123044;
    margin-bottom:8px;
}

.services-process-list p{
    margin:0;
    color:#64798a;
    line-height:1.7;
}

.service-cta-box{
    text-align:center;
    padding:58px 35px;
    border-radius:38px;
    background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.24),transparent 28%),
        linear-gradient(135deg,#8b08d9,#01b4e9);
    color:#fff;
    box-shadow:0 30px 90px rgba(18,48,68,.18);
}

.service-cta-box h2{
    max-width:760px;
    margin:12px auto 14px;
    font-size:42px;
    line-height:1.15;
}

.service-cta-box p{
    max-width:680px;
    margin:0 auto 28px;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.75;
}

.service-cta-box .tlx-services-kicker,
.about-mission-box .tlx-services-kicker{
    background:rgba(255,255,255,.16);
    color:#fff;
}

.service-cta-box .btn-primary,
.about-mission-box .btn-primary{
    background:#fff !important;
    color:#8b08d9;
}

/* Responsive */
@media(max-width:1100px){
    .services-card-grid,
    .about-values-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .service-premium-card{
        min-height:auto;
    }
}

@media(max-width:950px){
    .about-premium-grid,
    .services-process-box{
        grid-template-columns:1fr;
    }

    .tlx-inner-hero h1{
        font-size:44px;
    }

    .about-mission-box{
        display:block;
    }

    .about-mission-box .btn{
        margin-top:28px;
    }
}

@media(max-width:650px){
    .tlx-inner-hero{
        padding:70px 0 80px;
    }

    .tlx-inner-hero h1{
        font-size:36px;
    }

    .tlx-inner-hero p{
        font-size:17px;
    }

    .about-stats,
    .services-card-grid,
    .about-values-grid,
    .services-process-list{
        grid-template-columns:1fr;
    }

    .about-premium-card,
    .about-mission-box,
    .service-cta-box{
        padding:32px 24px;
        border-radius:28px;
    }

    .about-mission-box h2,
    .services-process-content h2,
    .service-cta-box h2{
        font-size:31px;
    }
}