/*==================================================
        NEURENA HIGHLIGHTS (why + applications)
==================================================*/

.neurena-highlights {
    padding: var(--section-space) 0;
    background: var(--background);
    font-family:var(--font-body);
    
}

.neurena-highlights h2{
    font-size:var(--h2-title-size);
    
}

.neurise-highlights {
    padding: var(--section-space) 0;
    background: var(--background);
}

.complete-pulse-highlights-highlights {
    padding: var(--section-space) 0;
    background: var(--background);
}

.highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.highlight-card {
    display: flex;
    gap: 18px;
    padding: 28px;
    border-radius: var(--radius-xl);
    border: 1px solid var(--border);
    background: var(--surface-alt);
    transition:var(--transition);
    font-family:var(--font-body);
}

.highlight-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 24px rgba(0,0,0,.08);
    border-color:var(--text);
}

.highlight-card h3 {
    font-family: var(--font-heading);
    font-weight: var(--heading-weight);
    margin-bottom: 8px;
}

.highlight-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    color: var(--primary);
}

.highlight-icon svg {
    width: 100%;
    height: 100%;
}


/* IMPORTANT CARDS */
.highlight-card--teal {
    border: 2px solid transparent;
    background:
        linear-gradient(var(--surface-alt), var(--surface-alt)) padding-box,
        linear-gradient(135deg, #17c3c3 0%, #f2c94c 100%) border-box;
}


.highlight-card--yellow {
    border: 2px solid #eab308;
}

/* VISUAL */
.highlights-visual {
    margin-top: 80px;
    height: 350px;
    border-radius: var(--radius-xl);
    overflow: hidden;
    position: relative;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

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

/* RESPONSIVE */
@media (max-width: 900px) {
    .highlights-grid {
        grid-template-columns: 1fr;
    }
    .highlight-card {
        flex-direction: column;
    }
}



/*==================================================
        HOW ALPHA WORKS
==================================================*/

.alpha-how{
    padding:var(--section-space) 0;

    
}

.gamma-how{
    padding:var(--section-space) 0;

    
}

.complete-how{
    padding:var(--section-space) 0;

    
}

/* WRAPPER: ستون سه کارت (راست) + کارت بزرگ (چپ) */
.science-flow{
    width:100%;
    max-width:none; /* برداشتن محدودیت قبلی تا کل عرض .container رو بگیره */
    margin:auto;
    display:grid;
    grid-template-columns:7fr 5fr; /* راست: ستون سه‌کارتی | چپ: کارت بزرگ */
    gap:24px;
    align-items:stretch;
    min-width:0; /* مهم: اجازه‌ی جمع‌شدن به grid بده */
    
}

/* تصویر کارت‌های کوچک — بزرگ‌تر شد */
.flow-card-image{
    flex-shrink:0;
    width:140px;
    height:140px;
    border-radius:16px;
    overflow:hidden;
}

/* ستون سه کارت کوچک */
.flow-stack{
    display:flex;
    flex-direction:column;
    gap:24px;
}

/* کارت‌های کوچک */
.flow-card{
    flex:1;
    display:flex;
    gap:24px;
    align-items:center;
    padding:24px;
    background:var(--background);
    border-radius:var(--radius-xl);
    border:2px solid var(--border);
    transition:var(--transition);
}

.flow-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(var(--primary-rgb),.12);
    transition:var(--transition);
    border:2px solid var(--primary);
}



.flow-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.flow-content span{
    font-family:var(--font-body);
    color:var(--secondary);
    font-size:var(--font-size-tag);
    font-weight:600;
}

.flow-content h3{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    margin:8px 0;
    color:var(--text);
    font-size:1.2rem;
}

.flow-content p{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    margin:0;
    color:var(--text-light);
    line-height:1.9;
}

/* کارت بزرگ ویژه — قاب گرادیانی سبزآبی به زرد */
.flow-featured{
    border-radius:var(--radius-xl);
    padding:3px;
    background:linear-gradient(135deg, #17c3c3 0%, #f2c94c 100%);
    min-width:0;
    transition:var(--transition);
}

.flow-featured:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(var(--primary-rgb),.12);
}

.flow-featured-inner{
    height:100%;
    display:flex;
    flex-direction:column;
    background:var(--background);
    border-radius:calc(var(--radius-xl) - 3px);
    overflow:hidden;
    transition:var(--transition);
}


.flow-featured-image{
    width:100%;
    aspect-ratio:16/10;
}

.flow-featured-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.flow-featured-content{
    padding:35px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex:1;
}

.flow-featured-content span{
    font-family:var(--font-body);
    color:var(--secondary);
    font-size:var(--font-size-tag);
    font-weight:600;
}

.flow-featured-content h3{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    margin:12px 0;
    color:var(--text);
    font-size:1.5rem;
}

.flow-featured-content p{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    margin:0;
    color:var(--text-light);
    line-height:2;
}

/* RESPONSIVE */
@media(max-width:900px){
    .science-flow{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .flow-card{
        flex-direction:column;
        text-align:center;
    }
    .flow-card-image{
        width:100%;
        height:220px; /* بزرگ‌تر شد */
    }
}

/*==================================================
        ALPHA APPLICATIONS
==================================================*/


.alpha-applications{

    padding:var(--section-space) 0;

    background:var(--background);

}






.applications-grid{


    display:grid;


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


    gap:25px;


}








/* IMAGE */


.applications-image{


    margin-top:80px;


    height:350px;


    border-radius:var(--radius-xl);


    overflow:hidden;


    position:relative;


    border:1px solid var(--border);


    background:var(--surface-alt);


}



.applications-image img{


    width:100%;


    height:100%;


    object-fit:cover;


}




.applications-placeholder{


    position:absolute;


    inset:0;


    display:flex;


    flex-direction:column;


    justify-content:center;


    align-items:center;


    text-align:center;


    padding:35px;


    color:var(--text-muted);


}




.applications-placeholder strong{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--primary);
    font-size:1.25rem;
    margin-bottom:15px;

}



.applications-placeholder ul{


    text-align:right;


    line-height:2;


}







/* RESPONSIVE */


@media(max-width:1200px){


.applications-grid{


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


}


}





@media(max-width:768px){


.applications-grid{


grid-template-columns:1fr;


}



.application-card{


flex-direction:column;


}


}



/*==================================================
        ALPHA SPECIFICATIONS
==================================================*/

.alpha-specifications{
    padding:var(--section-space) 0;

}

.gamma-specifications{
    padding:var(--section-space) 0;

}

.complete-specifications{
    padding:var(--section-space) 0;

}

/* Spec Icon (base) */
.spec-icon{
    width:40px;
    height:40px;
    flex-shrink:0;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:var(--background);
    color:var(--text);
    font-size:1.1rem;
}

.spec-icon svg{
    width:35px;
    height:35px;
    color:var(--primary-dark);
}

.spec-cards{

    display:grid;

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

    gap:20px;

}

.spec-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    padding:28px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    transition:var(--transition);
}

.spec-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 24px rgba(0,0,0,.08);
    border-color:var(--text);
}

.spec-card > div:last-child{
    min-width:0;
    text-align:center;
}

.spec-card span{
    display:block;
    font-size:.85rem;
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    color:var(--text-light);
    margin-bottom:4px;
    overflow-wrap:break-word;
    word-break:break-word;
}

.spec-card h3{
    margin:0;
    font-size:1.15rem;
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--text);
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto;
}

/* Hero card — inverted, the one bold move on the row */
.spec-card--hero{
    background:var(--text);
    border:none;
}

.spec-card--hero .spec-icon{
    background:var(--background);
}

.spec-card--hero span{
    color:color-mix(in srgb, var(--background) 70%, transparent);
}

.spec-card--hero h3{
    color:var(--background);
    font-size:1.05rem;
}

/* Wave card — slightly emphasized number, but no longer oversized */
.spec-card--wave{
    background:var(--surface-alt);
}

.spec-card--wave h3{
    font-size:1.5rem;
    line-height:1.1;
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:4px;
}

.spec-card--wave h3 em{
    font-style:normal;
    font-size:.9rem;
    color:var(--text-light);
}

.spec-card--freq{
    background:var(--surface);
}

/* Accent borders for clinically important parameters */
.spec-card--accent-teal{
    border:2px solid #14b8a6;
    box-shadow:0 0 0 3px color-mix(in srgb, #14b8a6 12%, transparent);
}

.spec-card--accent-yellow{
    border:2px solid #eab308;
    box-shadow:0 0 0 3px color-mix(in srgb, #eab308 12%, transparent);
}

@media (max-width:900px){
    .spec-cards{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:520px){
    .spec-cards{
        grid-template-columns:1fr;
    }
}
/*---------------------------------------
            Technical Panel
-----------------------------------------*/


.technical-panel{


    padding:35px;


    background:var(--surface);


    border-radius:var(--radius-xl);


    border:1px solid var(--border);


}



.technical-panel h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--text);
    margin-bottom:25px;

}



.technical-panel table{


    width:100%;


    border-collapse:collapse;

    table-layout:fixed;


}




.technical-panel td{

    font-family:var(--font-body);
    padding:15px 5px;
    border-bottom:1px solid var(--border);
    color:var(--text-light);

    overflow-wrap:break-word;
    word-break:break-word;

}




.technical-panel td:first-child{


    color:var(--text);


    font-weight:600;


}





/* Datasheet */


.datasheet-box{


    margin-top:60px;


    padding:30px;


    display:flex;


    align-items:center;


    gap:25px;


    background:var(--surface-alt);


    border-radius:var(--radius-xl);


    border:1px solid var(--border);


}



.datasheet-icon{


    width:65px;

    height:65px;


    flex-shrink:0;


    display:flex;

    justify-content:center;

    align-items:center;


    border-radius:50%;


    background:var(--background);


    color:var(--danger);


    font-size:1.8rem;


}



.datasheet-box > div{

    min-width:0;

}



.datasheet-box h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    margin:0 0 10px;
    color:var(--text);

}



.datasheet-box p{

    font-family:var(--font-body);
    font-weight:var(--body-weight);
    margin:0;
    color:var(--text-light);
    line-height:1.8;

    overflow-wrap:break-word;

}



.datasheet-box .btn{


    margin-right:auto;

    flex-shrink:0;


}



.datasheet-box a{


    color:var(--background);


}



/* Responsive */


@media(max-width:1200px){


.specifications-layout{


grid-template-columns:1fr;


}



}



@media(max-width:1100px){

.spec-cards{

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

    grid-template-areas:
        "hero hero"
        "wave sources"
        "wave freq"
        "timer timer"
        "usage usage";

}

}



@media(max-width:768px){


.spec-cards{

grid-template-columns:1fr;

grid-template-areas:
    "hero"
    "wave"
    "sources"
    "freq"
    "timer"
    "usage";

}


.spec-card--hero,
.spec-card--wave{

    padding:32px;

}


.spec-card--timer,
.spec-card--usage{

    flex-direction:column;
    align-items:flex-start;

}


.datasheet-box{


flex-direction:column;

text-align:center;


}



.datasheet-box .btn{


margin:auto;


}


}


/*==================================================
        ALPHA SCIENTIFIC EVIDENCE
==================================================*/


.alpha-evidence{


    padding:var(--section-space) 0;



}

.gamma-evidence{


    padding:var(--section-space) 0;


}

.complete-evidence{


    padding:var(--section-space) 0;



}





.evidence-grid{


    display:grid;


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


    gap:30px;


}






.evidence-card{


    padding:40px;


    background:var(--background);


    border-radius:var(--radius-xl);


    border:1px solid var(--border);


    transition:var(--transition);


    display:flex;


    flex-direction:column;


}





.evidence-card:hover{


    transform:translateY(-8px);


    box-shadow:0 20px 45px rgba(var(--primary-rgb),.12);


}






.evidence-icon{


    width:70px;


    height:70px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:50%;


    background:rgba(var(--secondary-rgb),.12);


    color:var(--primary);


    font-size:1.8rem;


    margin-bottom:25px;


}






.evidence-type{

    font-family:var(--font-body);
    color:var(--secondary);
    font-size:var(--font-size-tag);
    font-weight:600;
    margin-bottom:15px;

}





.evidence-card h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--text);
    line-height:1.7;
    font-size:1.25rem;
    min-height:85px;

}






.evidence-meta{


    margin-top:20px;


    padding-top:20px;


    border-top:1px solid var(--border);


}




.evidence-meta p{

    font-family:var(--font-body);
    font-weight:var(--body-weight);
    margin:10px 0;
    color:var(--text-light);
    font-size:.95rem;

}





.evidence-meta strong{


    color:var(--text);


}






.read-link{

    font-family:var(--font-body);
    margin-top:auto;
    padding-top:25px;
    color:var(--primary);
    text-decoration:none;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;

}






.read-link:hover{


    color:var(--secondary);


}







/* Library */


.evidence-library{


    margin-top:70px;


    padding:35px;


    background:var(--background);


    border-radius:var(--radius-xl);


    border:1px solid var(--border);


    display:flex;


    justify-content:space-between;


    align-items:center;


}



.evidence-library h3{

    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    margin:0 0 10px;
    color:var(--text);

}



.evidence-library p{

    font-family:var(--font-body);
    font-weight:var(--body-weight);
    margin:0;
    color:var(--text-light);

}






@media(max-width:1200px){


.evidence-grid{


grid-template-columns:1fr;


}



}




@media(max-width:768px){


.evidence-library{


flex-direction:column;


gap:25px;


text-align:center;


}


}


/*==================================================
            ALPHA FINAL CTA
==================================================*/
.product-cta-section{

    position:relative;

    padding:110px 0 ;

    overflow:hidden;


    background:

    linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );

}




.product-cta-background-pattern{


    position:absolute;


    width:600px;

    height:600px;


    top:-250px;


    right:-180px;


    border-radius:50%;


    background:

    radial-gradient(

        circle,

        rgba(96,165,250,.25),

        transparent 65%

    );


}





.product-cta-content{


    position:relative;


    z-index:2;


    max-width:768px;


    margin:auto;


    text-align:center;


    color:white;


}





.product-cta-label{


    display:inline-block;


    padding:8px 20px;


    border-radius:999px;


    background:

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


    color:white;


    font-size:.9rem;


    margin-bottom:25px;


}





.product-cta-content h2{

    font-family:var(--font-body);

    font-size:var(--h2-title-size);


    line-height:1.5;


    margin-bottom:25px;


    color:white;


}





.product-cta-content p{


    color:rgba(255,255,255,.85);


    line-height:2;


    font-size:1.05rem;


    margin-bottom:45px;


}




.product-cta-actions{


    display:flex;


    justify-content:center;


    flex-wrap:wrap;


    gap:18px;


}





.product-cta-btn{


    min-height:54px;


    padding:0 30px;


    border-radius:var(--radius-round);


    display:flex;


    align-items:center;


    justify-content:center;


    gap:12px;


    text-decoration:none;


    font-weight:600;


    transition:.3s ease;


}





.product-cta-btn-light{


    background:

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


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


    color:white;


}





.product-cta-btn-light:hover{


    background:white;


    color:var(--primary);


}





.product-cta-footer-wave{


    height:90px;


    background:var(--background);


    position:relative;


}





.product-cta-footer-wave::before{


    content:"";


    position:absolute;


    width:120%;


    height:120px;


    left:-10%;


    top:-60px;


    background:var(--primary-dark);


    border-radius:50% 50% 0 0;


}





@media(max-width:768px){


.product-cta-section{

    padding:80px 0;

}



.product-cta-actions{

    flex-direction:column;

    align-items:center;

}



.product-cta-btn{

    width:100%;

    max-width:380px;

}


}