/* LIAnalyzer Landing Page */

.lia-landing{
    --lia-panel:#0c1428;
    --lia-panel-soft:#111b32;
    --lia-line:rgba(148,163,184,.16);
    --lia-muted:#94a3b8;
    --lia-blue:#60a5fa;
    --lia-purple:#8b5cf6;
    --lia-green:#35e69a;

    position:relative;
    overflow:hidden;
    padding:118px 28px 40px;
}

.lia-landing::before,
.lia-landing::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(10px);
}

.lia-landing::before{
    width:520px;
    height:520px;
    top:20px;
    left:-280px;
    background:rgba(124,58,237,.16);
}

.lia-landing::after{
    width:560px;
    height:560px;
    top:470px;
    right:-320px;
    background:rgba(37,99,235,.14);
}

.verify-email-banner + .lia-landing{
    padding-top:172px;
}

.lia-section{
    position:relative;
    z-index:1;
    width:min(1240px,100%);
    margin-inline:auto;
}

.lia-hero{
    min-height:610px;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);
    align-items:center;
    gap:72px;
    padding-block:52px 66px;
}

.lia-eyebrow,
.lia-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#a5b4fc;
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.lia-eyebrow{
    padding:9px 13px;
    border:1px solid rgba(129,140,248,.3);
    border-radius:999px;
    background:rgba(79,70,229,.12);
}

.lia-status-dot,
.lia-live-pill i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--lia-green);
    box-shadow:0 0 0 5px rgba(53,230,154,.1);
}

.lia-hero h1{
    max-width:720px;
    margin:24px 0 22px;
    font-size:clamp(48px,5vw,76px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.lia-hero h1 span{
    display:block;
    background:linear-gradient(90deg,#60a5fa 0%,#8b5cf6 55%,#e879f9 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.lia-hero-text{
    max-width:660px;
    color:#b6c2d4;
    font-size:18px;
    line-height:1.75;
}

.lia-hero-actions,
.lia-final-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.lia-btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 22px;
    border:1px solid transparent;
    border-radius:14px;
    color:#fff;
    font-weight:800;
    text-decoration:none;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.lia-btn:hover{
    transform:translateY(-2px);
}

.lia-btn-primary{
    background:linear-gradient(110deg,#2563eb,#7c3aed);
    box-shadow:0 14px 34px rgba(79,70,229,.25);
}

.lia-btn-primary:hover{
    box-shadow:0 18px 42px rgba(79,70,229,.35);
}

.lia-btn-secondary{
    background:rgba(15,23,42,.72);
    border-color:rgba(148,163,184,.22);
}

.lia-btn-secondary:hover{
    border-color:rgba(139,92,246,.55);
    background:rgba(30,41,59,.88);
}

.lia-hero-notes{
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
    margin-top:24px;
    color:var(--lia-muted);
    font-size:13px;
}

.lia-hero-notes span{
    display:flex;
    align-items:center;
    gap:8px;
}

.lia-hero-notes i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#60a5fa;
}

.lia-product-preview{
    position:relative;
    padding:28px;
}

.lia-preview-glow{
    position:absolute;
    inset:8% 10%;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(37,99,235,.42),rgba(124,58,237,.42));
    filter:blur(65px);
}

.lia-preview-window{
    position:relative;
    padding:22px;
    border:1px solid rgba(139,92,246,.34);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(17,27,50,.95),rgba(10,16,34,.96));
    box-shadow:0 30px 80px rgba(0,0,0,.42);
    backdrop-filter:blur(16px);
}

.lia-preview-header,
.lia-preview-game,
.lia-preview-fps,
.lia-preview-metrics{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.lia-preview-header{
    padding-bottom:18px;
    border-bottom:1px solid var(--lia-line);
}

.lia-preview-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.lia-preview-logo{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:linear-gradient(135deg,#2563eb,#8b5cf6);
    font-weight:900;
}

.lia-preview-brand div{
    display:grid;
    gap:3px;
}

.lia-preview-brand small,
.lia-preview-game small,
.lia-preview-fps small{
    color:#7183a4;
    font-size:10px;
    font-weight:800;
    letter-spacing:.1em;
}

.lia-live-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border-radius:999px;
    color:var(--lia-green);
    background:rgba(16,185,129,.1);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.lia-live-pill i{
    width:6px;
    height:6px;
    box-shadow:none;
}

.lia-preview-game{
    margin:18px 0 12px;
    padding:0 2px;
}

.lia-preview-game div{
    display:grid;
    gap:5px;
}

.lia-preview-game > span{
    padding:7px 9px;
    border-radius:9px;
    color:var(--lia-green);
    background:rgba(16,185,129,.08);
    font-size:10px;
    font-weight:800;
}

.lia-preview-fps{
    padding:20px;
    border:1px solid var(--lia-line);
    border-radius:18px;
    background:rgba(15,23,42,.68);
}

.lia-preview-fps > div:first-child{
    display:grid;
    gap:4px;
}

.lia-preview-fps > div:first-child strong{
    color:#8b5cf6;
    font-size:52px;
    line-height:1;
}

.lia-frame-time{
    display:grid;
    gap:7px;
    text-align:right;
}

.lia-bars{
    height:112px;
    display:flex;
    align-items:flex-end;
    gap:7px;
    margin-top:14px;
    padding:17px 14px 12px;
    border-radius:18px;
    background:rgba(4,10,24,.5);
}

.lia-bars span{
    width:100%;
    height:var(--bar);
    min-height:16px;
    border-radius:5px 5px 2px 2px;
    background:linear-gradient(180deg,#60a5fa,#6d28d9);
    opacity:.9;
}

.lia-preview-metrics{
    gap:10px;
    margin-top:14px;
}

.lia-preview-metrics div{
    flex:1;
    display:flex;
    justify-content:space-between;
    padding:13px;
    border:1px solid var(--lia-line);
    border-radius:13px;
    color:#fff;
    background:rgba(15,23,42,.62);
    font-size:12px;
}

.lia-preview-metrics span{
    color:#7183a4;
    font-weight:800;
}

.lia-proof{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid var(--lia-line);
    border-radius:20px;
    background:rgba(10,18,36,.66);
    box-shadow:0 20px 55px rgba(0,0,0,.18);
}

.lia-proof div{
    display:grid;
    gap:6px;
    padding:22px 24px;
}

.lia-proof div + div{
    border-left:1px solid var(--lia-line);
}

.lia-proof strong{
    font-size:14px;
}

.lia-proof span{
    color:#7183a4;
    font-size:12px;
    line-height:1.5;
}

.lia-section-heading{
    max-width:760px;
    padding:118px 0 42px;
    text-align:center;
}

.lia-section-heading h2,
.lia-workflow h2,
.lia-plans h2,
.lia-final-cta h2{
    margin:13px 0 14px;
    font-size:clamp(32px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.lia-section-heading p,
.lia-workflow-copy > p,
.lia-plans p,
.lia-final-cta p{
    color:var(--lia-muted);
    line-height:1.7;
}

.lia-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.lia-feature-card{
    position:relative;
    min-height:310px;
    display:flex;
    flex-direction:column;
    padding:30px;
    overflow:hidden;
    border:1px solid var(--lia-line);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(17,27,50,.92),rgba(9,16,32,.92));
}

.lia-feature-card::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-110px;
    bottom:-120px;
    border-radius:50%;
    background:rgba(124,58,237,.12);
}

.lia-feature-card-large{
    grid-row:span 2;
    min-height:638px;
    justify-content:center;
    padding:42px;
}

.lia-feature-number{
    position:absolute;
    top:24px;
    right:26px;
    color:#536783;
    font-size:12px;
    font-weight:800;
    letter-spacing:.1em;
}

.lia-feature-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:23px;
    border:1px solid rgba(96,165,250,.22);
    border-radius:14px;
    color:#93c5fd;
    background:rgba(37,99,235,.1);
    font-size:22px;
    font-weight:900;
}

.lia-feature-card h3{
    margin-bottom:13px;
    font-size:25px;
}

.lia-feature-card p{
    max-width:620px;
    color:var(--lia-muted);
    line-height:1.75;
}

.lia-feature-card ul{
    display:grid;
    gap:13px;
    margin:25px 0;
    padding:0;
    list-style:none;
}

.lia-feature-card li{
    color:#cbd5e1;
    font-size:14px;
}

.lia-feature-card li::before{
    content:"✓";
    margin-right:9px;
    color:var(--lia-green);
    font-weight:900;
}

.lia-feature-card > a{
    position:relative;
    z-index:1;
    align-self:flex-start;
    margin-top:auto;
    padding-top:24px;
    color:#93c5fd;
    font-weight:800;
    text-decoration:none;
}

.lia-feature-card > a span{
    margin-left:6px;
    transition:margin-left .2s ease;
}

.lia-feature-card > a:hover span{
    margin-left:11px;
}

.lia-workflow{
    display:grid;
    grid-template-columns:.86fr 1.14fr;
    gap:72px;
    align-items:center;
    margin-top:118px;
    padding:50px;
    border:1px solid var(--lia-line);
    border-radius:26px;
    background:linear-gradient(130deg,rgba(30,20,68,.72),rgba(7,16,34,.86) 55%);
}

.lia-text-link{
    display:inline-block;
    margin-top:24px;
    color:#93c5fd;
    font-weight:800;
    text-decoration:none;
}

.lia-workflow-steps{
    display:grid;
}

.lia-workflow-steps article{
    display:flex;
    gap:18px;
    padding:22px 0;
    border-bottom:1px solid var(--lia-line);
}

.lia-workflow-steps article:last-child{
    border-bottom:0;
}

.lia-workflow-steps article > span{
    flex:0 0 38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#c4b5fd;
    background:rgba(124,58,237,.18);
    font-weight:900;
}

.lia-workflow-steps h3{
    margin-bottom:7px;
    font-size:16px;
}

.lia-workflow-steps p{
    color:#8293ad;
    font-size:13px;
    line-height:1.6;
}

.lia-plans,
.lia-final-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:38px;
}

.lia-plans{
    margin-top:118px;
    padding:42px 0;
    border-top:1px solid var(--lia-line);
    border-bottom:1px solid var(--lia-line);
}

.lia-plans > div,
.lia-final-cta > div:first-child{
    max-width:760px;
}

.lia-plans h2{
    font-size:clamp(30px,3vw,42px);
}

.lia-final-cta{
    margin-top:118px;
    padding:52px;
    border:1px solid rgba(139,92,246,.3);
    border-radius:28px;
    background:
        linear-gradient(120deg,rgba(37,99,235,.16),rgba(124,58,237,.18)),
        rgba(8,15,31,.88);
    box-shadow:0 28px 80px rgba(0,0,0,.25);
}

.lia-final-actions{
    flex:0 0 auto;
    margin-top:0;
}

@media(max-width:1050px){
    .lia-hero{
        grid-template-columns:1fr;
        gap:30px;
    }

    .lia-hero-copy{
        max-width:820px;
    }

    .lia-product-preview{
        width:min(650px,100%);
        margin-inline:auto;
    }

    .lia-proof{
        grid-template-columns:repeat(2,1fr);
    }

    .lia-proof div:nth-child(3){
        border-left:0;
        border-top:1px solid var(--lia-line);
    }

    .lia-proof div:nth-child(4){
        border-top:1px solid var(--lia-line);
    }
}

@media(max-width:820px){
    .lia-landing{
        padding:96px 16px 28px;
    }

    .verify-email-banner + .lia-landing{
        padding-top:164px;
    }

    .lia-hero{
        min-height:auto;
        padding-block:42px 52px;
    }

    .lia-hero h1{
        font-size:clamp(42px,12vw,62px);
    }

    .lia-product-preview{
        padding:10px 0;
    }

    .lia-feature-grid{
        grid-template-columns:1fr;
    }

    .lia-feature-card-large{
        grid-row:auto;
        min-height:430px;
        padding:30px;
    }

    .lia-workflow{
        grid-template-columns:1fr;
        gap:24px;
        padding:30px;
    }

    .lia-plans,
    .lia-final-cta{
        align-items:flex-start;
        flex-direction:column;
    }

    .lia-final-cta{
        padding:34px 28px;
    }
}

@media(max-width:560px){
    .lia-eyebrow{
        font-size:10px;
    }

    .lia-hero-text{
        font-size:16px;
    }

    .lia-hero-actions,
    .lia-final-actions{
        width:100%;
    }

    .lia-btn{
        width:100%;
    }

    .lia-preview-window{
        padding:15px;
        border-radius:18px;
    }

    .lia-preview-fps{
        padding:16px;
    }

    .lia-preview-fps > div:first-child strong{
        font-size:42px;
    }

    .lia-bars{
        height:90px;
        gap:4px;
    }

    .lia-preview-metrics{
        flex-direction:column;
    }

    .lia-preview-metrics div{
        width:100%;
    }

    .lia-proof{
        grid-template-columns:1fr;
    }

    .lia-proof div + div,
    .lia-proof div:nth-child(3){
        border-top:1px solid var(--lia-line);
        border-left:0;
    }

    .lia-section-heading{
        padding-top:86px;
    }

    .lia-feature-card,
    .lia-feature-card-large{
        min-height:auto;
        padding:26px;
    }

    .lia-workflow,
    .lia-plans,
    .lia-final-cta{
        margin-top:86px;
    }
}