/* AGNTIX PRESTIGE v5.1 */

/* Global Typography & Reveal */
h1,h2,h3,h4,h5,h6,.tp-section-title-dirtyline,.tp_text_invert_2,.tp-hero-title{font-family:'Outfit',sans-serif!important;letter-spacing:-0.03em!important}
.reveal-line{overflow:hidden;display:block;margin-bottom:2px}
.block-reveal{display:block;opacity:1}

/* Official Brand Logo Gradient (Blue, Pink, Orange) */
.gradient-text-anim {
    background: linear-gradient(135deg, #0091ff 0%, #e93b6e 40%, #f99d4e 70%, #0091ff 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    display: inline-block !important;
    animation: shine 6s linear infinite !important;
    font-weight: 900;
}

/* About Page Matching Color Scheme (INSPIRING Style) */
@keyframes textGradientMove {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

.inspiring-text-anim {
    background: linear-gradient(90deg, #e93b6e 0%, #f99d4e 50%, #e93b6e 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
    animation: textGradientMove 4s linear infinite !important;
}

.about-pink-text {
    background-image: linear-gradient(90deg, #e93b6e 0%, #f99d4e 50%, #e93b6e 100%) !important;
    background-size: 200% auto !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block !important;
    animation: textGradientMove 4s linear infinite !important;
    -webkit-animation: textGradientMove 4s linear infinite !important;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Horizontal Kinetic Services Showcase */
.services-horizontal-area {
    width: 100%;
    background: #fff;
}

.horizontal-scroll-container {
    display: flex;
    flex-wrap: nowrap;
    width: 500%; /* Adjust based on total slides (Header + 4 services) */
    height: 100vh;
    will-change: transform;
}

.h-slide {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

.h-slides-wrapper {
    display: flex;
}

.h-slide-item {
    width: 100vw;
    height: 100vh;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 0 100px;
    background: #fff;
}

.h-slide-inner {
    display: flex;
    align-items: center;
    gap: 100px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.h-slide-visual {
    width: 50%;
    height: 60vh;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.1);
    transform: scale(0.9);
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.h-slide-item.active .h-slide-visual {
    transform: scale(1);
}

.h-slide-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h-slide-info {
    width: 40%;
}

.h-num {
    font-size: 18px;
    font-weight: 800;
    color: #ff4d94;
    display: block;
    margin-bottom: 20px;
    font-family: 'Outfit', sans-serif;
}

.h-title {
    font-size: clamp(40px, 5vw, 72px);
    font-weight: 900;
    color: #111;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: -3px;
}

.h-desc {
    font-size: 20px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 450px;
}

.h-link {
    font-size: 14px;
    font-weight: 800;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    border-bottom: 2px solid #111;
    padding-bottom: 5px;
    transition: all 0.3s ease;
}

.h-link:hover {
    color: #ff4d94;
    border-color: #ff4d94;
}

@media (max-width: 991px) {
    .h-slide-inner {
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }
    .h-slide-visual, .h-slide-info {
        width: 100%;
    }
    .h-slide-visual {
        height: 40vh;
    }
    .h-desc {
        margin: 0 auto 30px;
    }
}


.typewriter-cursor{color:#e93b6e;animation:blink .8s infinite;font-weight:400;margin-left:2px;-webkit-text-fill-color:#e93b6e}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* Hero Buttons */
.modern-cta-btn{transition:all .4s ease!important}
.modern-cta-btn:hover{transform:scale(1.05) translateY(-3px)!important;box-shadow:0 20px 40px rgba(255,77,148,.4)!important;filter:brightness(1.1)}
.hero-video-btn:hover{color:#ff4d94!important}
.hero-video-btn:hover .play-icon-wrap{background:#ff4d94!important;color:#fff!important;transform:scale(1.1)}

/* Hero Ambient */
.modern-lining-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;pointer-events:none;z-index:0}
.gsap-line{position:absolute;width:1px;height:150%;background:linear-gradient(to bottom,transparent,rgba(255,77,148,.1),transparent)}
.modern-spotlight-cursor{position:fixed;top:0;left:0;width:30px;height:30px;border:2px solid #ff4d94;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:width .3s,height .3s,background .3s,border .3s;box-shadow:0 0 20px rgba(255,77,148,.4)}
.gsap-tech-icon{position:absolute;cursor:pointer;pointer-events:auto;z-index:3;transition:box-shadow .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}
.gsap-tech-icon:hover{box-shadow:0 20px 40px rgba(0,0,0,0.12)!important;z-index:100!important;transform:scale(1.1)}

.hero-floating-graphic{position:relative;width:100%;height:550px;display:flex;justify-content:center;align-items:center;z-index:5}
.gsap-main-float{position:relative;z-index:2;transition:transform 0.1s ease-out}
.hero-parallax-content{transition:transform 0.1s ease-out}

/* Marquee */
.tech-marquee-area{padding:60px 0;background:#fff;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);overflow:hidden;position:relative;z-index:10}
.marquee-track{display:flex;width:max-content;animation:marquee-scroll 40s linear infinite}
@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tech-item{padding:0 50px;font-size:18px;font-weight:700;color:#111;display:flex;align-items:center;gap:15px;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}
.tech-item i{color:#ff4d94;font-size:22px}

/* Innovation Frontier */
.innovation-frontier-area{padding:160px 0;background:#fff;position:relative;overflow-x:clip;perspective:2000px}
.circuit-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(0,0,0,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}
.frontier-atmosphere{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 20% 30%,rgba(255,77,148,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(77,148,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0;filter:blur(80px)}

.stat-chip{display:inline-flex!important;align-items:center;gap:10px;padding:8px 20px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:50px;font-size:12px;font-weight:800;color:#111;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 30px rgba(0,0,0,.03);width:fit-content!important;align-self:flex-start!important}
.stat-chip i{color:#ff4d94}

.modern-glass-panel{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.04);position:relative;overflow:hidden}
.modern-glass-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d94,#4d94ff,#20c997)}
.metric-badge{padding:6px 14px;background:#f8f9fa;border-radius:50px;font-size:11px;font-weight:800;color:#111;display:inline-flex;align-items:center;gap:8px}
.metric-badge i{color:#ff4d94}

.modern-btn-dark{display:inline-flex;align-items:center;padding:14px 30px;background:#111;color:#fff;border-radius:50px;font-size:13px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.modern-btn-dark:hover{background:#ff4d94;color:#fff;transform:translateY(-3px);box-shadow:0 15px 40px rgba(255,77,148,.3)}
.modern-btn-dark i{margin-left:10px;transition:transform .3s ease}
.modern-btn-dark:hover i{transform:translateX(5px)}

/* Innovation Card - Extra Compact Premium */
.innovation-card{background:#fff!important;border:1px solid rgba(0,0,0,0.05)!important;border-radius:16px!important;padding:22px!important;transition:all .4s ease!important;position:relative!important;transform-style:preserve-3d;display:flex!important;flex-direction:column!important;height:100%!important;box-shadow:0 8px 25px rgba(0,0,0,0.02)!important;opacity:1!important;visibility:visible!important}
.innovation-card:hover{border-color:#ff4d94!important;box-shadow:0 20px 50px rgba(0,0,0,0.05)!important;transform:translateY(-5px)}
.innovation-card .card-icon{width:40px!important;height:40px!important;font-size:16px!important;border-radius:10px!important;margin-bottom:15px!important}
.innovation-card .card-title{font-size:16px!important;margin-bottom:10px!important;line-height:1.2!important;font-weight:800!important}
.innovation-card p{font-size:12px!important;line-height:1.4!important;margin-bottom:15px!important;color:#777!important}

.card-metrics-row{display:grid;grid-template-columns:1fr;gap:10px}
.metric-item{position:relative}
.metric-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#999;display:block;margin-bottom:3px}
.metric-value{font-size:14px;font-weight:900;color:#111;float:right;margin-top:-18px}
.metric-bar{width:100%;height:4px;background:#f0f0f0;border-radius:2px;margin-top:6px;overflow:hidden}
.bar-fill{height:100%;background:#ff4d94;border-radius:2px;transition:width 1.5s cubic-bezier(.16,1,.3,1)}
.card-footer-wrap{margin-top:auto;padding-top:15px;border-top:1px solid rgba(0,0,0,.05)}
.card-footer-wrap .service-points-list div{font-size:12px!important}
.card-footer-wrap a{font-size:11px!important}

/* Impact Section - Original Premium */
.impact-area{background:#fff;padding:160px 0;position:relative}
.impact-intro-text{font-size:clamp(28px,3.5vw,48px);font-weight:900;line-height:1.2;color:#111;margin-bottom:0;letter-spacing:-1.5px;max-width:1000px}
.impact-label{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#999;margin-bottom:25px;display:block}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:80px}
.impact-card{background:#fff!important;border:2px solid #f2f2f2!important;padding:60px 40px;border-radius:30px;position:relative;transition:all .5s ease;box-shadow:0 10px 40px rgba(0,0,0,0.03);min-height:320px;display:flex;flex-direction:column;justify-content:center;opacity:1!important;visibility:visible!important;margin-top:0!important}
.impact-card:hover{transform:translateY(-15px);border-color:#ff4d94!important;box-shadow:0 40px 100px rgba(255,77,148,0.12)}
.impact-number{font-size:85px;font-weight:900;line-height:1;color:#111;letter-spacing:-4px}
.impact-suffix{font-size:40px;font-weight:800;color:#ff4d94}
.impact-trend{font-size:12px;font-weight:800;color:#20c997;margin-bottom:20px}
.impact-desc{font-size:14px;color:#888;line-height:1.6;margin-top:15px}
.impact-pulse{width:12px;height:12px;background:#ff4d94;border-radius:50%;position:absolute;top:40px;left:40px;box-shadow:0 0 15px rgba(255,77,148,.5);animation:impact-dot-pulse 2s infinite}
@keyframes impact-dot-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}

/* Blueprint Path - Compact */
.blueprint-area{background:#fdfdfd;padding:120px 0;position:relative;overflow:hidden}
.blueprint-grid{display:flex;flex-direction:column;position:relative;margin-top:60px}
.blueprint-path-line{position:absolute;left:50%;top:0;width:2px;height:100%;background:linear-gradient(to bottom,#ff4d94,#4d94ff,#20c997);transform:translateX(-50%);opacity:.15}
.blueprint-step{display:flex;align-items:center;width:100%;padding:60px 0;position:relative}
.blueprint-step:nth-child(even){flex-direction:row-reverse}
.blueprint-content{width:38%;padding:35px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.02);transition:all .5s ease;z-index:10}
.blueprint-step:hover .blueprint-content{border-color:#ff4d94;transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.06)}
.blueprint-node{width:60px;height:60px;background:#fff;border:3px solid #e93b6e;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:center;font-weight:900;color:#e93b6e;box-shadow:0 0 25px rgba(233,59,110,.2);font-size:16px}
.blueprint-step:nth-child(2) .blueprint-node{border-color:#0091ff;color:#0091ff;box-shadow:0 0 25px rgba(0,145,255,.2)}
.blueprint-step:nth-child(3) .blueprint-node{border-color:#f99d4e;color:#f99d4e;box-shadow:0 0 25px rgba(249,157,78,.2)}
.blueprint-step:nth-child(4) .blueprint-node{border-color:#20c997;color:#20c997;box-shadow:0 0 25px rgba(32,201,151,.2)}
.blueprint-visual{width:45%;display:flex;justify-content:center;align-items:center}
.blueprint-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#ff4d94;margin-bottom:20px;display:block}
.blueprint-title{font-size:34px;font-weight:900;color:#111;margin-bottom:25px;letter-spacing:-1px}
.blueprint-desc{font-size:17px;color:#555;line-height:1.8}
.blueprint-tech-stack{display:flex;gap:15px;margin-top:30px}
.tech-dot{width:40px;height:40px;background:#f8f9fa;border:1px solid rgba(0,0,0,.05);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#555;transition:all .3s ease}
.tech-dot:hover{background:#111;color:#fff}

/* Responsive */
@media(max-width:1200px){.impact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.innovation-frontier-area{padding:80px 0}.impact-area{padding:80px 0}.blueprint-area{padding:80px 0}}
@media(max-width:768px){.impact-grid{grid-template-columns:1fr}.blueprint-step,.blueprint-step:nth-child(even){flex-direction:column}.blueprint-content,.blueprint-visual{width:100%}.blueprint-node,.blueprint-path-line{display:none}}