/*==================================================
SVFutureTechAI
Tool Detail Page
==================================================*/


/*------------------------------------
Container
------------------------------------*/

.sv-tool-page{

    padding:40px 0 80px;

}


/*------------------------------------
Layout
------------------------------------*/

.sv-tool-layout{

    display:grid;

    grid-template-columns:minmax(0,1fr) 330px;

    gap:40px;

    align-items:start;

}


/*------------------------------------
Main
------------------------------------*/

.sv-tool-main{

    min-width:0;

}


/*------------------------------------
Header
------------------------------------*/

.sv-tool-header{

    margin-bottom:35px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:35px;
    margin-bottom:30px;
    box-shadow:0 6px 20px rgba(0,0,0,.05);

}


.sv-tool-badge{

    display:inline-flex;

    padding:6px 14px;

    border-radius:40px;

    background:#eef5ff;

    color:#2563eb;

    font-size:13px;

    font-weight:700;

    margin-bottom:16px;

}


.sv-tool-title{

    font-size:42px;

    line-height:1.2;

    margin-bottom:18px;

    font-weight:700;

}


.sv-tool-summary{

    font-size:17px;

    color:#64748b;

    line-height:1.8;

    max-width:760px;

}


/*------------------------------------
Actions
------------------------------------*/

.sv-tool-actions{

    display:flex;

    gap:15px;

    margin:30px 0;

    flex-wrap:wrap;

}


.sv-tool-actions .sv-btn{

    height:46px;

    padding:0 26px;

    border-radius:10px;

    border:1px solid #dbe4ff;

    background:#fff;

    cursor:pointer;

    transition:.3s;

    font-weight:600;

}


.sv-tool-actions .sv-btn:hover{

    background:#2563eb;

    color:#fff;

}


/*------------------------------------
Workspace
------------------------------------*/

.sv-tool-box{

    border:1px solid #e5e7eb;

    border-radius:18px;

    background:#fff;

    overflow:hidden;

    margin-bottom:30px;

}


.sv-tool-box-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 24px;

    border-bottom:1px solid #edf2f7;

}


.sv-tool-box h2{

    margin:0;

    font-size:22px;

}


.sv-tool-input{

    width:100%;

    min-height:320px;

    resize:vertical;

    border:none;

    outline:none;

    padding:25px;

    font-size:16px;

    line-height:1.8;

    font-family:inherit;

}


/*------------------------------------
Statistics
------------------------------------*/

.sv-tool-stat-grid{

    display:grid;

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

    gap:18px;

    margin:35px 0;

}


.sv-tool-stat{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:24px;

    text-align:center;

    transition:.3s;

}


.sv-tool-stat:hover{

    transform:translateY(-5px);

    box-shadow:0 14px 35px rgba(0,0,0,.08);

}


.sv-tool-stat span{

    display:block;

    font-size:34px;

    font-weight:700;

    color:#2563eb;

}


.sv-tool-stat p{

    margin-top:10px;

    color:#64748b;

    font-size:15px;

}


/*------------------------------------
Sections
------------------------------------*/

.sv-tool-section{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:18px;

    padding:32px;

    margin-bottom:30px;

}


.sv-tool-section h2{

    font-size:28px;

    margin-bottom:20px;

}


.sv-tool-section p{

    line-height:1.9;

    color:#475569;

}


/*------------------------------------
Sidebar
------------------------------------*/

.sv-tool-sidebar{

    position:sticky;

    top:110px;

}


.sv-widget{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:24px;

    margin-bottom:25px;

}


.sv-widget h3{

    margin-bottom:20px;

    font-size:20px;

}


.sv-widget table{

    width:100%;

    border-collapse:collapse;

}


.sv-widget th{

    text-align:left;

    padding:10px 0;

    color:#64748b;

    width:45%;

}


.sv-widget td{

    text-align:right;

    font-weight:600;

}


/*------------------------------------
FAQ
------------------------------------*/

.sv-faq-item{

    border-bottom:1px solid #ececec;

}


.sv-faq-question{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:none;

    border:none;

    padding:18px 0;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

}


.sv-faq-answer{

    display:none;

    padding-bottom:20px;

    color:#64748b;

}


.sv-faq-item.active .sv-faq-answer{

    display:block;

}


/*------------------------------------
CTA
------------------------------------*/

.sv-tool-cta{

    background:linear-gradient(135deg,#2563eb,#4f46e5);

    border-radius:20px;

    padding:55px;

    text-align:center;

    color:#fff;

    margin-top:45px;

}


.sv-tool-cta h2{

    color:#fff;

    font-size:34px;

    margin-bottom:18px;

}


.sv-tool-cta p{

    color:#e8edff;

    margin-bottom:28px;

}


.sv-tool-cta .sv-btn{

    background:#fff;

    color:#2563eb;

}


/*------------------------------------
Responsive
------------------------------------*/

@media(max-width:1200px){

.sv-tool-layout{

grid-template-columns:1fr 300px;

}

}


@media(max-width:992px){

.sv-tool-layout{

grid-template-columns:1fr;

}

.sv-tool-sidebar{

position:relative;

top:auto;

}

.sv-tool-stat-grid{

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

}

}


@media(max-width:768px){

.sv-tool-title{

font-size:32px;

}

.sv-tool-box-header{

flex-direction:column;

align-items:flex-start;

gap:20px;

}

.sv-tool-stat-grid{

grid-template-columns:1fr;

}

.sv-tool-actions{

width:100%;

}

.sv-tool-actions .sv-btn{

flex:1;

}

}