/* ==================================================
FAQ
================================================== */

.dr1061faq{
    position:relative;
    overflow:hidden;
    padding:120px 0;

    background:
    radial-gradient(circle at top left,
    rgba(0,229,255,.12),
    transparent 30%),

    radial-gradient(circle at bottom right,
    rgba(0,255,198,.10),
    transparent 35%),

    linear-gradient(
    180deg,
    #020617,
    #061326,
    #020617);

    color:#fff;
}

/* GRID BACKGROUND */

.dr1061faq-bg{
    position:absolute;
    inset:0;

    background-image:
    linear-gradient(
    rgba(255,255,255,.02) 1px,
    transparent 1px),

    linear-gradient(
    90deg,
    rgba(255,255,255,.02) 1px,
    transparent 1px);

    background-size:50px 50px;

    opacity:.45;
}

/* CONTAINER */

.dr1061faq-container{
    position:relative;
    z-index:2;
    width:min(1300px,92%);
    margin:auto;
}

/* HEADER */

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

.dr1061faq-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 24px;

    border-radius:999px;

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

    border:1px solid rgba(0,229,255,.25);

    color:#7df9ff;

    font-size:12px;
    font-weight:700;
    letter-spacing:.15em;
}

.dr1061faq-badge::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#00ffc6;
    box-shadow:0 0 18px #00ffc6;
}

.dr1061faq-header h1{
    margin:24px 0 18px;

    font-size:clamp(46px,7vw,78px);
    font-weight:900;
    line-height:1.05;

    background:
    linear-gradient(
    135deg,
    #ffffff,
    #7df9ff,
    #00ffc6);

    -webkit-background-clip:text;
    color:transparent;
}

.dr1061faq-subtitle{
    font-size:20px;
    line-height:1.8;
    color:rgba(255,255,255,.8);
}

/* FAQ GRID */

.dr1061faq-grid{
    display:grid;
    gap:22px;
}

/* FAQ ITEM */

.dr1061faq-item{

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    overflow:hidden;

    transition:.4s;
}

.dr1061faq-item:hover{
    transform:translateY(-4px);

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

.dr1061faq-item summary{

    list-style:none;
    cursor:pointer;

    padding:28px 32px;

    font-size:20px;
    font-weight:700;

    color:#fff;

    position:relative;
}

.dr1061faq-item summary::-webkit-details-marker{
    display:none;
}

.dr1061faq-item summary::after{
    content:"+";

    position:absolute;
    right:30px;
    top:50%;

    transform:translateY(-50%);

    color:#00ffc6;

    font-size:28px;
    font-weight:300;
}

.dr1061faq-item[open] summary::after{
    content:"−";
}

.dr1061faq-item p{

    padding:
    0 32px 28px;

    margin:0;

    font-size:17px;

    line-height:1.9;

    color:
    rgba(255,255,255,.82);
}

/* REVEAL */

.dr1061faq{
    opacity:0;
    transform:translateY(60px);
    transition:1s ease;
}

.dr1061faq.dr1061faq-visible{
    opacity:1;
    transform:none;
}

/* MOBILE */

@media(max-width:768px){

    .dr1061faq{
        padding:70px 0;
    }

    .dr1061faq-header{
        margin-bottom:40px;
    }

    .dr1061faq-subtitle{
        font-size:16px;
    }

    .dr1061faq-item summary{
        padding:22px;
        font-size:16px;
    }

    .dr1061faq-item p{
        padding:0 22px 22px;
        font-size:15px;
    }

    .dr1061faq-item summary::after{
        right:22px;
    }
}