.elementor-207 .elementor-element.elementor-element-84d2479{--display:flex;--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-84d2479.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-207 .elementor-element.elementor-element-6f77463{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-207 .elementor-element.elementor-element-6f77463.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-207 .elementor-element.elementor-element-2f07c61{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-35e807c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-207 .elementor-element.elementor-element-1a592b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-340a485{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-f4b4cf4{--display:flex;}.elementor-207 .elementor-element.elementor-element-be71f70{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-719bd17{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-9dad288{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6f77463 */.aria-hero{
    background:#000;
    padding:80px 0;
    overflow:hidden;
    position:relative;
    font-family:'Inter',sans-serif;
}

.aria-container{
    max-width:1440px;
    margin:auto;
    padding:0 80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

/* LEFT */

.aria-content{
    width:580px;
    position:relative;
    z-index:5;
}

.aria-content h1{
    font-size:72px;
    line-height:1.05;
    font-weight:500;
    color:#fff;
    margin:0;
    letter-spacing:-2px;
}

.aria-content h1 span{
    display:block;
    color:#39d5ff;
}

.aria-content p{
    margin-top:32px;
    max-width:520px;
    color:rgba(255,255,255,.65);
    font-size:18px;
    line-height:1.7;
}

.aria-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:32px;
    padding:14px 22px;
    background:linear-gradient(
    104deg,
    #22D3EE,
    #155DFC);
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.aria-btn:hover{
    transform:translateY(-3px);
}

.aria-btn svg{
    width:20px;
    height:20px;
}

/* STATS */

.stats-grid{
    display:flex;
    gap:14px;
    margin-top:55px;
    flex-wrap:wrap;
}

.stat-card{
    width:126px;
    padding:14px;
    border-radius:14px;
    background:linear-gradient(
    180deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(10px);
}

.stat-card h3{
    margin:0;
    font-size:42px;
    color:#53EAFD;
    font-weight:500;
    line-height:1;
}

.stat-card span{
    display:block;
    margin-top:8px;
    font-size:14px;
    color:#fff;
    opacity:.85;
}

/* RIGHT */

.aria-visual{
    position:relative;
    width:820px;
    min-height:700px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.glow-bg{
    position:absolute;
    width:850px;
    height:700px;
    background:linear-gradient(
    135deg,
    rgba(0,211,243,.40),
    rgba(59,130,246,.35));
    filter:blur(80px);
    border-radius:40px;
    z-index:1;
}

.dashboard-img{
    width:100%;
    max-width:820px;
    position:relative;
    z-index:2;
    display:block;
    top:80px;
}

/* FLOATING CARD */

.aria-tag{
    position:absolute;
    left:-30px;
    bottom:120px;
    width:190px;
    padding:18px;
    background:linear-gradient(
    90deg,
    #22D3EE,
    #1447E6);
    border-radius:14px;
    color:#fff;
    z-index:3;
    transform:rotate(11deg);
    box-shadow:
    0 20px 50px rgba(20,15,40,.25);
}

.aria-tag h4{
    margin:0 0 8px;
    font-size:28px;
    font-weight:600;
}

.aria-tag p{
    margin:0;
    font-size:13px;
    line-height:1.5;
}

/* MOBILE */

@media(max-width:1024px){

.aria-container{
    flex-direction:column;
    padding:0 24px;
}

.aria-content{
    width:100%;
}

.aria-content h1{
    font-size:48px;
}

.aria-visual{
    width:100%;
    min-height:auto;
}

.glow-bg{
    width:100%;
}

.dashboard-img{
    width:100%;
}

.aria-tag{
    display:none;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdda3f6 */.relay-section{
    max-width:1280px;
    margin:140px auto;

    padding:60px 48px;

    background:
    radial-gradient(
        circle at 40% 50%,
        rgba(0,140,255,.14),
        transparent 45%
    ),
    #020817;

    border-radius:28px;
}

.relay-header{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:80px;

    margin-bottom:60px;
}

.eyebrow{
    display:block;

    color:#2563eb;

    font-size:12px;
    letter-spacing:4px;

    margin-bottom:14px;
}

.relay-title h2{
    margin:0;

    color:#fff;

    font-size:58px;
    line-height:1.05;
    font-weight:500;
}

.relay-title h2 span{
    display:block;
    color:#4dd8ff;
}

.relay-copy{
    color:#d1d5db;
    line-height:1.9;
    font-size:16px;
}

.steps-row{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;

    margin-bottom:60px;
}

.step-label{
    text-align:center;

    color:#8f97a7;

    font-size:11px;
    letter-spacing:3px;

    margin-bottom:12px;
}

.step-card{
    min-height:108px;

    border:1px solid rgba(56,189,248,.25);

    border-radius:18px;

    padding:18px;

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

.step-card.active{
    background:rgba(37,99,235,.08);
}

.step-card h4{
    margin:0 0 8px;

    color:#fff;
    font-size:16px;
}

.step-card p{
    margin:0 0 16px;

    color:#8f97a7;
    font-size:13px;
}

.badge{
    display:inline-block;

    padding:6px 12px;

    border-radius:999px;

    background:#111827;

    color:#fff;

    font-size:11px;
}

.orange{
    color:#ff8a00;
}

.blue{
    color:#60a5fa;
}

.gray{
    background:#475569;
}

.elapsed{
    text-align:center;
    margin-top:14px;
}

.elapsed small{
    display:block;

    color:#9ca3af;

    font-size:10px;
}

.elapsed strong{
    color:#00d4ff;

    font-size:34px;
    font-weight:500;
}

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

    padding-top:36px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-left{
    display:flex;
    align-items:center;
    gap:14px;
}

.warning-icon{
    width:28px;
    height:28px;

    border-radius:50%;

    border:1px solid #00d4ff;

    color:#00d4ff;

    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-left p{
    color:#fff;
}

.footer-left span{
    color:#00d4ff;
    font-weight:600;
}

.footer-right{
    text-align:right;
}

.footer-right small{
    display:block;

    color:#9ca3af;

    letter-spacing:3px;

    font-size:10px;

    margin-bottom:6px;
}

.footer-right strong{
    color:#60a5fa;

    font-size:52px;
    font-weight:500;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6915898 */.thinking-section{
    max-width:1280px;
    margin:140px auto;
    padding:70px 50px;

    border-radius:28px;

    background:
    radial-gradient(
        circle at 50% 0%,
        rgba(0,140,255,.12),
        transparent 45%
    ),
    #020817;
}

.thinking-header{
    margin-bottom:50px;
}

.thinking-label{
    display:block;

    color:#3b82f6;

    font-size:12px;
    letter-spacing:4px;

    margin-bottom:18px;
}

.thinking-header h2{
    color:#fff;
    font-size:62px;
    font-weight:500;

    margin:0 0 20px;
}

.thinking-header p{
    color:#c4cad7;
    max-width:920px;

    font-size:18px;
    line-height:1.8;
}

.thinking-layout{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:28px;
}

/* LEFT */

.analysis-panel{
    background:#030a1b;
    border-radius:20px;
    padding:24px;
}

.analysis-top{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}

.session-title{
    color:#fff;
    font-size:14px;
}

.session-icon{
    width:22px;
    height:22px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#255cff;
    color:#fff;

    border-radius:6px;

    margin-right:8px;
}

.recording-status{
    color:#9f67ff;
    font-size:12px;
}

.video-frame{
    background:#2b2b2b;
    border-radius:14px;

    padding:12px;

    position:relative;
}

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

.video-grid div{
    height:65px;
    background:#ececec;
    border-radius:6px;
}

.active-cell{
    background:#d3f1fb !important;
}

.focus-tag{
    position:absolute;

    top:14px;
    right:14px;

    background:#333;
    color:#fff;

    font-size:11px;

    padding:6px 8px;
    border-radius:8px;
}

.video-timeline{
    position:relative;
    height:40px;
    margin:25px 0;
}

.timeline-line{
    position:absolute;
    top:18px;
    width:100%;
    height:3px;

    background:#1d4eff;
}

.dot{
    position:absolute;
    top:13px;

    width:10px;
    height:10px;

    border-radius:50%;

    background:#fff;
}

.dot:nth-child(2){left:15%;}
.dot:nth-child(3){left:37%;}
.dot:nth-child(4){left:62%;}
.dot:nth-child(5){left:78%;}

.analysis-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}

.mini-stat{
    background:#0c1324;
    border-radius:10px;
    text-align:center;
    padding:12px;
}

.mini-stat strong{
    display:block;
    color:#fff;
}

.mini-stat span{
    color:#6f7688;
    font-size:11px;
}

/* RIGHT */

.reasoning-panel{
    background:#fff;
    border-radius:20px;
    padding:22px;
}

.reasoning-header{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}

.reasoning-header h3{
    margin:0;
    color:#222;
}

.reasoning-header span{
    color:#28d7ff;
}

.reason-card{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:16px;

    margin-bottom:12px;

    border-radius:14px;

    background:#fff;

    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.reason-left p{
    margin:8px 0 0;
    color:#555;
}

.tag{
    font-size:10px;
    letter-spacing:2px;
    padding:4px 8px;
    border-radius:999px;
}

.observed{background:#eef4ff;color:#315cff;}
.inferred{background:#fff6e8;color:#ff9800;}
.confirmed{background:#eafbf2;color:#19b66a;}
.clarify{background:#eef4ff;color:#315cff;}

.confidence{
    color:#666;
    font-weight:600;
}

.reconstructing{
    background:#eef2ff;
    color:#777;

    padding:16px;

    border-radius:12px;

    margin-top:14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35e807c */.intelligence-engine{
    max-width:1280px;
    margin:120px auto;
    padding:90px 40px;

    background:
    radial-gradient(
        circle at center,
        rgba(80,220,255,.08),
        transparent 40%
    ),
    #020817;

    border-radius:32px;
    overflow:hidden;
}

/* HEADER */

.engine-header{
    text-align:center;
    margin-bottom:90px;
}

.engine-label{
    display:block;

    color:#3b82f6;

    font-size:12px;
    letter-spacing:5px;

    margin-bottom:20px;
}

.engine-header h2{
    margin:0;

    color:#fff;

    font-size:64px;
    line-height:1.1;
    font-weight:500;
}

.engine-header h2 span{
    color:#4de1ff;
}

.engine-header p{
    max-width:850px;
    margin:24px auto 0;

    color:#c4cad7;

    font-size:18px;
    line-height:1.8;
}

/* MAP */

.engine-map{
    position:relative;

    width:780px;
    height:520px;

    margin:0 auto;
}

/* ORBIT */

.orbit-system{
    position:absolute;
    inset:0;

    animation:orbitSwing 24s ease-in-out infinite;
    transform-origin:center center;
}

/* CORE */

.core-center{
    position:absolute;

    top:50%;
    left:50%;

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

     width:120px;
    height:120px;


    border-radius:50%;

    background:#020817;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:100;
}

.core-center::before{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(100,240,255,.50) 0%,
        rgba(100,240,255,.15) 40%,
        rgba(255,0,120,.10) 65%,
        transparent 80%
    );

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

    z-index:-1;
}

.core-center img{
    width:90px;
    height:auto;
}

/* CAPABILITY CARDS */

.capability{
    position:absolute;

    width:180px;

    padding:16px;

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

    border:1px solid rgba(100,200,255,.25);

    border-radius:16px;

    backdrop-filter:blur(10px);

    animation:counterRotate 24s ease-in-out infinite;
}

.capability h4{
    margin:0 0 6px;

    color:#fff;

    font-size:15px;
    font-weight:500;
}

.capability span{
    color:#9ca3af;
    font-size:12px;
}

/* POSITIONS */

.top{
    left:52%;
    top:-70px;
    transform:translateX(-50%);
}

.top-right{
    right:70px;
    top:px;
}

.right{
    right:-50px;
    top:120px;
}

.bottom-right{
    right:-54px;
    bottom:200px;
}

.bottom{
    left:70%;
    bottom:-40px;
    transform:translateX(-50%);
}

.bottom-left{
    left:-20px;
    bottom:70px;
}

.left{
    left:-50px;
    top:200px;
}

.top-left{
    left:50px;
    top:-10px;
}

.extra-right{
    right:-50px;
    bottom:70px;
}

.extra-left{
    left:200px;
    bottom:-40px;
}

/* CONNECTORS */

.connector{
    position:absolute;

    top:50%;
    left:50%;

    height:1px;

    border-top:1px dashed rgba(70,220,255,.45);

    transform-origin:left center;
}

.connector::after{
    content:"";

    position:absolute;

    right:-2px;
    top:-4px;

    border-left:8px solid rgba(70,220,255,.8);
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
}

/* CONNECTOR POSITIONS */

.c1{
    width:150px;
    top:150px;
    left:450px;
    transform:rotate(-90deg);
}

.c2{
    width:170px;
    top:215px;
    left:455px;
    transform:rotate(-45deg);
}

.c3{
    width:190px;
    top:280px;
    left:490px;
    transform:rotate(0deg);
}

.c4{
    width:170px;
    top:345px;
    left:455px;
    transform:rotate(45deg);
}

.c5{
    width:150px;
    top:410px;
    left:450px;
    transform:rotate(90deg);
}

.c6{
    width:170px;
    top:345px;
    left:275px;
    transform:rotate(135deg);
}

.c7{
    width:190px;
    top:280px;
    left:220px;
    transform:rotate(180deg);
}

.c8{
    width:170px;
    top:215px;
    left:275px;
    transform:rotate(225deg);
}

/* ANIMATION */

@keyframes orbitRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

@keyframes counterOrbit{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(-360deg);
    }

}

@keyframes pulseGlow{

    0%,100%{
        transform:scale(1);
        opacity:.85;
    }

    50%{
        transform:scale(1.08);
        opacity:1;
    }
}

/* RESPONSIVE */

@media(max-width:991px){

    .engine-map{
        width:100%;
        height:auto;

        display:grid;
        grid-template-columns:1fr 1fr;
        gap:16px;
    }

   .orbit-system{
    animation:orbitRotate 24s linear infinite;
}

.capability{
    animation:counterOrbit 24s linear infinite;
}

   .capability{
    position:absolute;

    width:180px;
    padding:16px;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(100,200,255,.25);

    border-radius:16px;
    backdrop-filter:blur(10px);

    animation:counterOrbit 24s linear infinite;
}

    .connector{
        display:none;
    }

    .core-center{
        position:relative;
        top:auto;
        left:auto;
        transform:none;

        margin:30px auto;

        grid-column:1 / -1;
    }

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

.c1{width:180px;transform:rotate(-90deg);}
.c2{width:180px;transform:rotate(-45deg);}
.c3{width:220px;transform:rotate(0deg);}
.c4{width:180px;transform:rotate(45deg);}
.c5{width:180px;transform:rotate(90deg);}
.c6{width:180px;transform:rotate(135deg);}
.c7{width:220px;transform:rotate(180deg);}
.c8{width:180px;transform:rotate(225deg);}



@keyframes orbitRotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes counterOrbit{
    from{transform:rotate(0deg);}
    to{transform:rotate(-360deg);}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4ebb4e *//* SECTION */

.transformation-section{
    max-width:1280px;
    margin:120px auto;
    padding:80px 40px;

    background:
    radial-gradient(
        circle at center,
        rgba(0,140,255,.08),
        transparent 45%
    ),
    #020817;

    border-radius:28px;
}

/* HEADER */

.transform-header{
    max-width:620px;
    margin-bottom:70px;
}

.transform-label{
    display:block;

    color:#3b82f6;

    font-size:12px;
    letter-spacing:4px;

    margin-bottom:18px;
}

.transform-header h2{
    margin:0 0 20px;

    color:#fff;

    font-size:56px;
    line-height:1.05;
    font-weight:500;
}

.transform-header p{
    color:#c5ccd8;
    font-size:15px;
    line-height:1.8;
}

/* COMPARISON AREA */

.comparison-area{
    margin-top:50px;
}

.comparison-headings{
    display:grid;
    grid-template-columns:80fr 600px 10fr;

    margin-bottom:18px;
}

.comparison-area{
    margin-top:50px;
}

.comparison-headings {
    display:grid;
    grid-template-columns:80fr 600px 10fr;

    margin-bottom:18px;
}

.comparison-headings span{
    text-align:center;

    color:#fff;

    font-size:12px;
    letter-spacing:3px;
}

/* ROW */

.compare-row{
    position:relative;

    display:grid;
    grid-template-columns:1fr 70px 1fr;

    gap:18px;

    margin-bottom:16px;
}

/* CARDS */

.before-card,
.after-card{
    position:relative;

    overflow:hidden;

    padding:18px 20px;

    border-radius:14px;

    min-height:58px;

    display:flex;
    align-items:center;
    gap:10px;

    transition:.35s ease;

    border:1px solid transparent;
}

.before-card{
    background:
    linear-gradient(
        90deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.12)
    );
}

.after-card{
    background:
    linear-gradient(
        90deg,
        rgba(0,160,255,.08),
        rgba(0,80,255,.14)
    );
}

.before-card strong,
.after-card strong{
    color:#fff;
    font-size:16px;
    font-weight:500;
}

.after-card strong{
    color:#3ce7ff;
}

.before-card span,
.after-card span{
    color:#b8c1ce;
    font-size:12px;
}

/* ARROW */

.arrow{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#39e0ff;

    font-size:26px;
}

/* INDIVIDUAL HOVER WAVE */

.row-wave{
    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    border-radius:14px;
}

.row-wave::before{
    content:"";

    position:absolute;

    left:-280px;
    top:0;

    width:280px;
    height:100%;

    opacity:0;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(60,220,255,.35),
        transparent
    );

    filter:blur(18px);
}

.compare-row:hover .row-wave::before{
    opacity:1;
    animation:waveMove 1.2s linear;
}

.compare-row:hover .before-card,
.compare-row:hover .after-card{

    border-color:rgba(60,220,255,.5);

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

@keyframes waveMove{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(1500px);
    }
}

/* STATS */

.stats-grid{
    margin-top:65px;

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

    gap:18px;
}

.stat-card{
    padding:24px;

    border-radius:18px;

    border:1px solid rgba(80,180,255,.45);

    background:
    linear-gradient(
        90deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.08)
    );

    transition:.3s ease;
}

.stat-card:hover{
    transform:translateY(-4px);

    box-shadow:
    0 15px 40px rgba(0,140,255,.12);
}

.stat-card h3{
    margin:0 0 12px;

    color:#fff;

    font-size:54px;
    line-height:1;
    font-weight:500;
}

.stat-card h3 span{
    color:#39e0ff;
    font-size:.55em;
}

.stat-card p{
    margin:0;

    color:#c2cad4;

    font-size:13px;
    line-height:1.6;
}

/* RESPONSIVE */

@media(max-width:991px){

    .comparison-headings{
        display:none;
    }

    .compare-row{
        grid-template-columns:1fr;
    }

    .arrow{
        display:none;
    }

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

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

@media(max-width:640px){

    .transformation-section{
        padding:60px 20px;
    }

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

    .transform-header h2{
        font-size:34px;
    }

    .before-card,
    .after-card{
        flex-direction:column;
        align-items:flex-start;
    }
}



.compare-row:hover .before-card,
.compare-row:hover .after-card{
    transform:translateY(-2px);

    border-color:rgba(60,220,255,.55);

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


.stat-card{
    position:relative;
    overflow:hidden;
}

.stat-card::before{
    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(60,220,255,.08),
        transparent
    );

    transform:translateX(-100%);
    transition:1s;
}

.stat-card:hover::before{
    transform:translateX(100%);
}


.stat-card{
    border:1px solid rgba(64,160,255,.45);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b90ee9 */.workflow-section{
    max-width:1280px;
    margin:120px auto;
    padding:80px 40px;

    background:
    radial-gradient(
        circle at center,
        rgba(0,140,255,.08),
        transparent 45%
    ),
    #020817;

    border-radius:30px;

    overflow:hidden;
}

/* HEADER */

.workflow-header{
    display:flex;
    justify-content:space-between;
    gap:80px;

    margin-bottom:70px;
}

.workflow-left{
    flex:1;
}

.workflow-right{
    max-width:420px;
}

.workflow-label{
    display:block;

    color:#3b82f6;

    font-size:12px;
    letter-spacing:4px;

    margin-bottom:18px;
}

.workflow-left h2{
    margin:0;

    color:#fff;

    font-size:64px;
    line-height:1.05;
    font-weight:500;
}

.workflow-left h2 span{
    color:#25d8ff;
}

.workflow-right p{
    color:#c2cad4;
    font-size:16px;
    line-height:1.8;
}

/* TIMELINE */

.workflow-timeline{
    position:relative;
}

.timeline-line{
    position:absolute;
    top:22px;
    left:0;
    right:0;

    height:2px;

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

.timeline-progress{
    position:absolute;
    top:22px;
    left:0;

    width:0;
    height:2px;

    background:linear-gradient(
        90deg,
        #00d4ff,
        #2563ff
    );

    animation:progressRun 8s linear infinite;
}

.workflow-steps{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
}

/* STEP */

.workflow-step{
    position:relative;
}

.step-number{
    width:42px;
    height:42px;

    margin:0 auto 18px;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-weight:600;

    background:linear-gradient(
        135deg,
        #28d7ff,
        #2563ff
    );

    box-shadow:0 0 25px rgba(37,99,255,.4);

    animation:pulse 3s infinite;
}

.workflow-card{
    height:140px;

    border-radius:14px;

    background:#eef2f5;

    overflow:hidden;

    padding:12px;
}

.card-top{
    display:flex;
    gap:4px;

    margin-bottom:12px;
}

.card-top span{
    width:6px;
    height:6px;

    border-radius:50%;
}

.card-top span:nth-child(1){
    background:#3b82f6;
}

.card-top span:nth-child(2){
    background:#8b5cf6;
}

.card-top span:nth-child(3){
    background:#22c55e;
}

/* Upload */

.upload-box{
    height:90px;

    border:2px dashed #93c5fd;

    border-radius:10px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    color:#777;
}

.upload-icon{
    font-size:22px;
    margin-bottom:6px;
}

/* Analysis */

.analysis-list{
    margin:0;
    padding-left:16px;

    color:#555;

    font-size:12px;

    display:flex;
    flex-direction:column;
    gap:10px;
}

/* Question */

.question-box span{
    color:#3b82f6;
    font-size:11px;
    font-weight:600;
}

.question-box p{
    color:#333;
    font-size:12px;
}

.choice-row{
    display:flex;
    gap:8px;
}

.choice-row button{
    border:none;

    background:#111;
    color:#fff;

    padding:6px 12px;

    border-radius:20px;

    font-size:11px;
}

/* Process */

.process-map{
    height:100%;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
}

.dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#60a5fa;

    position:relative;
}

.dot.active{
    background:#22d3ee;

    animation:bounce 2s infinite;
}

/* Docs */

.document-lines{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:20px;
}

.document-lines span{
    height:6px;

    border-radius:20px;

    background:#d6d6d6;
}

/* Export */

.export-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;

    margin-top:12px;
}

.export-grid div{
    background:#e5eefc;

    padding:10px;

    text-align:center;

    border-radius:8px;

    color:#2563ff;
    font-size:11px;
}

/* TEXT */

.workflow-step h4{
    margin:14px 0 8px;

    color:#fff;

    font-size:14px;
}

.workflow-step p{
    color:#b6c0cd;

    font-size:12px;
    line-height:1.6;
}

/* ANIMATIONS */

@keyframes progressRun{

    0%{
        width:0;
    }

    100%{
        width:100%;
    }
}

@keyframes pulse{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.08);
    }
}

@keyframes bounce{

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

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

/* RESPONSIVE */

@media(max-width:1100px){

    .workflow-steps{
        grid-template-columns:repeat(3,1fr);
        row-gap:40px;
    }

    .workflow-header{
        flex-direction:column;
    }
}

@media(max-width:768px){

    .workflow-steps{
        grid-template-columns:1fr;
    }

    .workflow-left h2{
        font-size:42px;
    }

    .timeline-line,
    .timeline-progress{
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ef6827 */.aria-workflow{
    max-width:1280px;
    margin:120px auto;
    padding:80px 40px;

    background:
    radial-gradient(circle at center,
    rgba(0,120,255,.08),
    transparent 55%),
    #020817;

    border-radius:28px;
}

.workflow-header{
    text-align:center;
    max-width:900px;
    margin:0 auto 70px;
}

.workflow-label{
    display:block;
    color:#3b82f6;
    letter-spacing:4px;
    font-size:12px;
    margin-bottom:20px;
}

.workflow-header h2{
    margin:0;
    color:#fff;
    font-size:64px;
    line-height:1.1;
    font-weight:500;
}

.workflow-header h2 span{
    color:#2ea6ff;
}

.workflow-header p{
    margin-top:20px;
    color:#c7d0dd;
    font-size:18px;
    line-height:1.8;
}

.workflow-steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:10px;
    margin-bottom:80px;
}

.workflow-line{
    position:absolute;
    left:60px;
    right:60px;
    top:30px;
    height:2px;
    background:linear-gradient(90deg,#8b5cf6,#ff9f1a,#14d399,#60a5fa,#ff5f5f);
}

.awf-step{
    text-align:center;
    position:relative;
    z-index:2;
}

.awf-step-icon{
    width:62px;
    height:62px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    font-size:24px;
}

.awf-step-number{
    width:26px;
    height:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 10px;
    font-size:12px;
    font-weight:600;
}

.step h4{
    color:#fff;
    font-size:14px;
    margin:0 0 5px;
}

.step span{
    color:#96a0b0;
    font-size:11px;
}

.awf-purple,.awf-purple-bg{background:#7c7cff;}
.awf-violet,.awf-violet-bg{background:#9b6cf3;}
.awf-orange,.awf-orange-bg{background:#ffa51f;}
.awf-blue,.awf-blue-bg{background:#5d9cff;}
.awf-green,.awf-green-bg{background:#1dd79b;}
.awf-green2,.awf-green2-bg{background:#10c78c;}
.awf-blue2,.awf-blue2-bg{background:#639cff;}
.awf-red,.awf-red-bg{background:#ff6464;}

.workflow-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.workflow-card{
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
    135deg,
    rgba(27,39,63,.95),
    rgba(18,27,45,.95));

    border-radius:18px;
    padding:22px;
    min-height:155px;
}

.card-top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
}

.dot{
    width:18px;
    height:18px;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}

.workflow-card h5{
    margin:0;
    color:#fff;
    font-size:15px;
}

.workflow-card small{
    color:#93a0b2;
}

.workflow-card p{
    color:#8f9bad;
    font-size:13px;
    line-height:1.7;
    margin-top:14px;
}

.overlay{
    position:absolute;
    width:90px;
    height:90px;
    right:-30px;
    bottom:-30px;
    border-radius:50%;
    transition:.7s ease;
}

.purple-card .overlay{background:rgba(124,124,255,.18);}
.orange-card .overlay{background:rgba(255,165,31,.18);}
.green-card .overlay{background:rgba(29,215,155,.18);}
.red-card .overlay{background:rgba(255,100,100,.18);}

.workflow-card:hover .overlay{
    width:420px;
    height:420px;
    right:-120px;
    bottom:-120px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e28c9d */.integration-section{
    padding:120px 20px;
    background:#020817;
}

.integration-container{
    max-width:1280px;
    margin:0 auto;
}

/* HEADER */

.integration-left{
    margin-bottom:50px;
}

.section-label{
    display:block;
    color:#3b82f6;
    letter-spacing:4px;
    font-size:12px;
    margin-bottom:20px;
}

.integration-left h2{
    color:#fff;
    font-size:64px;
    line-height:1.08;
    font-weight:500;
    margin:0 0 25px;
}

.integration-left p{
    color:#b8c2d0;
    font-size:18px;
    line-height:1.8;
    max-width:650px;
}

/* WHITE + BLACK CARD WRAPPER */

.integration-cards{
    display:grid;
    grid-template-columns:1.7fr 1fr;
    gap:0;
    align-items:stretch;
}

/* WHITE CARD */

.connections-card{
    background:#ffffff;
    border-radius:20px 0 0 20px;
    padding:22px;
    min-height:560px;
}

.connections-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.connections-header span{
    color:#222;
    font-size:13px;
}

.status-pill{
    background:#e7f8ef;
    color:#00a76d;
    font-size:11px;
    padding:6px 12px;
    border-radius:999px;
}

.section-title{
    color:#a8a8a8;
    font-size:10px;
    letter-spacing:3px;
    margin-bottom:10px;
}

.publish{
    margin-top:25px;
}

.connection-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 0;
}

.connection-icon{
    width:30px;
    height:30px;
    border-radius:8px;
    background:#f5f5f5;
    color:#666;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:12px;
    flex-shrink:0;
}

.connection-info{
    flex:1;
}

.connection-info strong{
    display:block;
    font-size:14px;
    font-weight:500;
    color:#222;
}

.connection-info span{
    display:block;
    margin-top:3px;
    font-size:11px;
    color:#9d9d9d;
}

.connection-state{
    display:flex;
    align-items:center;
    gap:12px;
}

.connection-state small{
    color:#b0b0b0;
    font-size:11px;
}

.toggle{
    width:28px;
    height:16px;
    border-radius:20px;
    background:#ddd;
    position:relative;
}

.toggle::after{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#fff;
    top:1px;
    left:1px;
}

.toggle.active{
    background:linear-gradient(
        90deg,
        #00d4ff,
        #3b82f6
    );
}

.toggle.active::after{
    left:13px;
}

/* BLACK CARD */

.integration-right{
    height:100%;
}

.terminal-card{
    background:#050814;
    border:1px solid rgba(255,255,255,.08);
    border-radius:0 20px 20px 0;
    padding:22px;
    height:100%;
    box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.terminal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;

    color:#fff;
    margin-bottom:18px;
    font-size:14px;
}

.live-status{
    color:#00e599;
}

.terminal-screen{
    background:#02040d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;

    min-height:350px;
    padding:18px;

    font-family:Consolas, monospace;
    color:#d8e3f0;
    font-size:14px;
    line-height:2;
}

.typed-output{
    white-space:pre-line;
}

.cursor{
    display:inline-block;
    width:10px;
    margin-left:2px;
    animation:blink .7s infinite;
    color:#00d4ff;
}

@keyframes blink{
    50%{
        opacity:0;
    }
}

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

.stat-box{
    background:#101728;
    border-radius:12px;
    padding:16px;
    text-align:center;
}

.stat-box strong{
    display:block;
    color:#fff;
    font-size:28px;
    margin-bottom:5px;
}

.stat-box span{
    color:#8e9bb1;
    font-size:12px;
}

/* MOBILE */

@media(max-width:991px){

    .integration-left h2{
        font-size:42px;
    }

    .integration-cards{
        grid-template-columns:1fr;
    }

    .connections-card{
        border-radius:20px 20px 0 0;
    }

    .terminal-card{
        border-radius:0 0 20px 20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b308e5b */.security-section{
    max-width:1280px;
    margin:120px auto;
    padding:90px 40px;

    background:
    radial-gradient(circle at center,
    rgba(0,140,255,.08),
    transparent 60%),
    #020817;

    border-radius:28px;
    position:relative;
    overflow:hidden;
}

.security-header{
    text-align:center;
    max-width:900px;
    margin:0 auto 70px;
}

.section-label{
    display:block;
    color:#3b82f6;
    font-size:12px;
    letter-spacing:4px;
    margin-bottom:20px;
}

.security-header h2{
    color:#fff;
    font-size:64px;
    line-height:1.1;
    font-weight:500;
    margin:0 0 20px;
}

.security-header p{
    color:#b8c2d0;
    font-size:18px;
    line-height:1.8;
}

.security-panel{
    position:relative;

    display:grid;
    grid-template-columns:1fr 130px 1fr;

    gap:20px;

    background:
    linear-gradient(
    135deg,
    rgba(255,255,255,.05),
    rgba(255,255,255,.02));

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

    border-radius:24px;

    padding:30px;

    margin-bottom:40px;
}

.transcript-card h4{
    margin:0 0 18px;

    color:#fff;
    font-size:14px;
    letter-spacing:2px;
}

.safe-card h4{
    color:#36f2b8;
}

.terminal-box{
    background:#02040d;
    border-radius:16px;
    padding:22px;
    min-height:220px;
}

.typing-box{
    font-family:Consolas, monospace;
    white-space:pre-line;
    color:#d6e4f5;
    line-height:2;
    font-size:13px;
}

.typing-cursor{
    color:#00d4ff;
    animation:blink .8s infinite;
}

@keyframes blink{
    50%{
        opacity:0;
    }
}

.pii-engine-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
    180deg,
    rgba(0,212,255,.15),
    rgba(0,120,255,.08));

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

    border-radius:18px;

    cursor:pointer;
}

.engine-icon{
    width:60px;
    height:60px;
    border-radius:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:26px;

    background:
    linear-gradient(
    135deg,
    #00d4ff,
    #2563eb);

    margin-bottom:12px;
}

.pii-engine-card span{
    color:#9bb3cc;
    letter-spacing:2px;
    font-size:11px;
}

.security-wave{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.security-wave.active{
    animation:securityBlast 1.2s ease-out forwards;
}

.security-wave.active::before{
    content:"";

    position:absolute;
    left:50%;
    top:50%;

    width:120px;
    height:120px;

    border-radius:50%;

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

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

@keyframes securityBlast{

    from{
        opacity:1;
        transform:scale(.1);
    }

    to{
        opacity:0;
        transform:scale(8);
    }
}

.compliance-bar{
    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    overflow:hidden;

    background:
    linear-gradient(
    90deg,
    rgba(60,120,170,.45),
    rgba(70,120,170,.25));

    border:1px solid rgba(100,180,255,.25);

    border-radius:16px;

    padding:20px 28px;
}

.compliance-bar::before{
    content:"";

    position:absolute;

    top:0;
    left:-40%;

    width:40%;
    height:100%;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(0,212,255,.08),
    rgba(0,212,255,.25),
    rgba(0,212,255,.08),
    transparent);

    animation:flowBar 4s linear infinite;
}

@keyframes flowBar{

    from{
        left:-40%;
    }

    to{
        left:140%;
    }
}

.metric{
    position:relative;
    z-index:2;
}

.metric{
    background:transparent;
    border:none;
    box-shadow:none;
    color:#fff
}

.metric span{
    color:#fff;
    margin-left:8px;
}

.badges{
    display:flex;
    gap:12px;
    position:relative;
    z-index:2;
}

.badges span{
    padding:10px 16px;
    border-radius:10px;
    background:rgba(255,255,255,.08);
    color:#d6e4f5;
    font-size:13px;
}

@media(max-width:991px){

    .security-panel{
        grid-template-columns:1fr;
    }

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

    .compliance-bar{
        flex-wrap:wrap;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1dec42 */.cta-section{

    max-width:1280px;
    margin:120px auto;
    padding:70px 40px;

    background:
    radial-gradient(
        circle at left,
        rgba(0,180,255,.18),
        transparent 45%
    ),
    #020817;

    border-radius:28px;

    overflow:hidden;
}

.cta-content{

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}

.cta-left{
    max-width:650px;
}

.cta-left h2{

    margin:0;

    color:#fff;

    font-size:72px;
    line-height:1.05;
    font-weight:500;
}

.cta-left h2 span{
    color:#20b7ff;
}

.cta-left p{

    margin-top:28px;

    color:#b7c3d3;

    font-size:18px;
    line-height:1.8;

    max-width:620px;
}

.cta-buttons{

    display:flex;
    gap:16px;

    margin-top:40px;
}

.cta-btn{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    text-decoration:none;

    border-radius:999px;

    padding:18px 28px;

    font-size:16px;

    transition:.35s ease;

    overflow:hidden;
}

/* BUTTON POP ANIMATION */

.cta-btn:hover{

    transform:translateY(-4px) scale(1.05);

    box-shadow:
    0 12px 30px rgba(0,0,0,.25);
}

.primary-btn{

    background:#fff;
    color:#111;
}

.secondary-btn{

    color:#fff;

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

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

/* POP RING EFFECT */

.cta-btn::before{

    content:"";

    position:absolute;

    width:20px;
    height:20px;

    border-radius:50%;

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

    left:50%;
    top:50%;

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

    transition:.5s ease;
}

.cta-btn:hover::before{

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

}

.cta-right{

    flex-shrink:0;
}

.cta-right img{

    width:340px;
    max-width:100%;

    display:block;

    animation:
    logoFloat 4s ease-in-out infinite;
}

@keyframes logoFloat{

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

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

@media(max-width:991px){

    .cta-content{

        flex-direction:column;
        text-align:center;
    }

    .cta-left h2{
        font-size:48px;
    }

    .cta-buttons{

        justify-content:center;
        flex-wrap:wrap;
    }

    .cta-right img{
        width:240px;
    }
}/* End custom CSS */