/* HERO */

.prr-wb-hero{
    position:relative;
    overflow:hidden;
    padding:60px 35px 50px;
    background: linear-gradient(180deg,#FFFFFF 0%,#F8FAFF 100%);
	border-radius: 34px;
	margin-bottom: 20px;
}

.prr-wb-hero-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at top right,
        rgba(90,80,200,.10),
        transparent 32%),
        radial-gradient(circle at left center,
        rgba(47,125,107,.08),
        transparent 28%);
}

.prr-wb-hero-wrap{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:48px;
    align-items:center;
}

.prr-wb-hero-content{
    max-width:760px;
}

.prr-wb-hero-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:14px;
    font-weight:700;
    margin-bottom:26px;
}

.prr-wb-hero-label svg{
    width:18px;
    height:18px;
}

.prr-wb-hero h1{
    margin:0 0 28px;
    font-size:62px;
    line-height:1.04;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-hero h1 span{
    display:block;
    margin-top:12px;
    color:#5A50C8;
}

.prr-wb-hero-text{
    max-width:720px;
    margin:0 0 38px;
    font-size:21px;
    line-height:1.8;
    color:#475569;
}

.prr-wb-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:38px;
}

.prr-wb-hero-btn{
    height:62px;
    padding:0 28px;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    text-decoration:none;
    border:none;
    cursor:pointer;
    transition:all .25s ease;
    font-size:17px;
    font-weight:700;
}

.prr-wb-hero-btn svg{
    width:20px;
    height:20px;
}

.prr-wb-hero-btn-primary{
    background:#5A50C8;
    color:#fff;
    box-shadow:0 18px 40px rgba(90,80,200,.24);
}

.prr-wb-hero-btn-primary:hover{
    transform:translateY(-2px);
    background:#4C43B4;
    box-shadow:0 24px 50px rgba(90,80,200,.30);
}

.prr-wb-hero-btn-secondary{
    background:#fff;
    color:#0F172A;
    border:1px solid #DCE3F0;
}

.prr-wb-hero-btn-secondary:hover{
    transform:translateY(-2px);
    border-color:#C7D2FE;
    background:#F8FAFF;
}

.prr-wb-hero-triggers{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    max-width:820px;
}

.prr-wb-hero-trigger{
    min-height:64px;
    padding:16px 18px;
    border-radius:18px;
    background:#fff;
    border:1px solid #E2E8F0;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:0 8px 30px rgba(15,23,42,.04);
}

.prr-wb-hero-trigger svg{
    width:20px;
    height:20px;
    color:#2F7D6B;
    min-width:20px;
}

.prr-wb-hero-trigger span{
    font-size:15px;
    line-height:1.5;
    font-weight:600;
    color:#334155;
}

.prr-wb-hero-side{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.prr-wb-hero-card{
    padding:32px;
    border-radius:28px;
    background:#fff;
    border:1px solid #E2E8F0;
    box-shadow:
        0 24px 70px rgba(15,23,42,.07);
}

.prr-wb-hero-card-icon{
    width:72px;
    height:72px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    background:#EEF2FF;
    color:#5A50C8;
}

.prr-wb-hero-card-icon svg{
    width:34px;
    height:34px;
}

.prr-wb-hero-card-content strong{
    display:block;
    margin-bottom:14px;
    font-size:26px;
    line-height:1.2;
    color:#0F172A;
}

.prr-wb-hero-card-content p{
    margin:0;
    font-size:17px;
    line-height:1.8;
    color:#64748B;
}

.prr-wb-hero-note{
    padding:18px 22px;
    border-radius:20px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    background:#F6F8FB;
    border:1px solid #E2E8F0;
}

.prr-wb-hero-note svg{
    width:20px;
    height:20px;
    min-width:20px;
    color:#5A50C8;
}

.prr-wb-hero-note span{
    font-size:15px;
    line-height:1.65;
    color:#475569;
    font-weight:600;
}

@media(max-width:1100px){

    .prr-wb-hero-wrap{
        grid-template-columns:1fr;
    }

    .prr-wb-hero-side{
        max-width:560px;
    }

}

@media(max-width:768px){

    .prr-wb-hero{
        padding:60px 12px 80px;
    }

    .prr-wb-hero h1{
        font-size:40px;
        line-height:1.08;
    }

    .prr-wb-hero-text{
        font-size:18px;
        line-height:1.75;
    }

    .prr-wb-hero-buttons{
        flex-direction:column;
    }

    .prr-wb-hero-btn{
        max-width:100%;
    }

    .prr-wb-hero-triggers{
        grid-template-columns:1fr;
    }

    .prr-wb-hero-card{
        padding:24px;
    }

    .prr-wb-hero-card-content strong{
        font-size:22px;
    }

}

/* Что копируют на WB */

.prr-wb-violations{
    padding:100px 35px;
    background:#FFFFFF;
}

.prr-wb-violations-head{
    max-width:820px;
    margin:0 auto 54px;
    text-align:center;
}

.prr-wb-violations-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.prr-wb-violations-label svg{
    width:16px;
    height:16px;
}

.prr-wb-violations-head h2{
    margin:0 0 20px;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    color:#0F172A;
    letter-spacing:-0.03em;
}

.prr-wb-violations-head p{
    margin:0;
    font-size:20px;
    line-height:1.85;
    color:#64748B;
}

.prr-wb-violations-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.prr-wb-violations-item{
    position:relative;
    overflow:hidden;
    padding:28px;
    border-radius:28px;
    background:
        linear-gradient(180deg,#FFFFFF 0%,#F8FAFF 100%);
    border:1px solid #E2E8F0;
    transition:all .28s ease;
    box-shadow:0 10px 35px rgba(15,23,42,.04);
}

.prr-wb-violations-item:hover{
    transform:translateY(-4px);
    border-color:#D6DBF5;
    box-shadow:0 24px 60px rgba(90,80,200,.10);
}

.prr-wb-violations-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    background:#EEF2FF;
    color:#5A50C8;
}

.prr-wb-violations-icon svg{
    width:28px;
    height:28px;
}

.prr-wb-violations-content strong{
    display:block;
    margin-bottom:14px;
    font-size:24px;
    line-height:1.25;
    color:#0F172A;
    font-weight:800;
}

.prr-wb-violations-content span{
    display:block;
    font-size:16px;
    line-height:1.8;
    color:#64748B;
}

.prr-wb-violations-note{
    margin-top:36px;
    padding:28px 30px;
    border-radius:30px;
    background:
        linear-gradient(135deg,
        rgba(90,80,200,.06),
        rgba(47,125,107,.05));
    border:1px solid #DCE3F0;
    display:flex;
    align-items:flex-start;
    gap:22px;
}

.prr-wb-violations-note-icon{
    width:64px;
    height:64px;
    min-width:64px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#5A50C8;
}

.prr-wb-violations-note-icon svg{
    width:28px;
    height:28px;
}

.prr-wb-violations-note-content strong{
    display:block;
    margin-bottom:10px;
    font-size:24px;
    line-height:1.3;
    color:#0F172A;
}

.prr-wb-violations-note-content p{
    margin:0;
    font-size:17px;
    line-height:1.9;
    color:#475569;
}

@media(max-width:980px){

    .prr-wb-violations-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:768px){

    .prr-wb-violations{
        padding:50px 12px;
    }

    .prr-wb-violations-head{
        margin-bottom:42px;
    }

    .prr-wb-violations-head h2{
        font-size:36px;
    }

    .prr-wb-violations-head p{
        font-size:18px;
        line-height:1.75;
    }

    .prr-wb-violations-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .prr-wb-violations-item{
        padding:24px;
        border-radius:24px;
    }

    .prr-wb-violations-content strong{
        font-size:22px;
    }

    .prr-wb-violations-note{
        flex-direction:column;
        padding:24px;
        border-radius:24px;
    }

    .prr-wb-violations-note-content strong{
        font-size:22px;
    }

}

/* Что делать если украли карточку WB */

.prr-wb-steps{
    padding:100px 35px;
    background:
        linear-gradient(180deg,
        #F8FAFF 0%,
        #FFFFFF 100%);
}

.prr-wb-steps-head{
    max-width:820px;
    margin:0 auto 56px;
    text-align:center;
}

.prr-wb-steps-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.prr-wb-steps-label svg{
    width:16px;
    height:16px;
}

.prr-wb-steps-head h2{
    margin:0;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-steps-list{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.prr-wb-steps-item{
    position:relative;
    display:flex;
    gap:26px;
    align-items:flex-start;
    padding:34px;
    border-radius:30px;
    background:#FFFFFF;
    border:1px solid #E2E8F0;
    box-shadow:0 12px 40px rgba(15,23,42,.04);
    transition:all .28s ease;
}

.prr-wb-steps-item:hover{
    transform:translateY(-3px);
    border-color:#D6DBF5;
    box-shadow:0 22px 55px rgba(90,80,200,.08);
}

.prr-wb-steps-number{
    width:74px;
    height:74px;
    min-width:74px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(135deg,
        #5A50C8 0%,
        #7267E6 100%);
    color:#fff;
    font-size:30px;
    font-weight:800;
    box-shadow:0 18px 40px rgba(90,80,200,.24);
}

.prr-wb-steps-content{
    flex:1;
}

.prr-wb-steps-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    background:#F4F6FD;
    color:#5A50C8;
}

.prr-wb-steps-icon svg{
    width:26px;
    height:26px;
}

.prr-wb-steps-content h3{
    margin:0 0 16px;
    font-size:28px;
    line-height:1.3;
    color:#0F172A;
    font-weight:800;
}

.prr-wb-steps-content p{
    margin:0;
    max-width:760px;
    font-size:17px;
    line-height:1.9;
    color:#64748B;
}

.prr-wb-steps-bottom{
    margin-top:44px;
    display:flex;
    justify-content:center;
}

.prr-wb-steps-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:20px 34px;
    border-radius:18px;
    background:
        linear-gradient(135deg,
        #5A50C8 0%,
        #7267E6 100%);
    color:#fff;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    transition:all .28s ease;
    box-shadow:0 18px 45px rgba(90,80,200,.24);
}

.prr-wb-steps-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 60px rgba(90,80,200,.30);
}

.prr-wb-steps-btn svg{
    width:20px;
    height:20px;
}

@media(max-width:768px){

    .prr-wb-steps{
        padding:50px 12px;
    }

    .prr-wb-steps-head{
        margin-bottom:42px;
    }

    .prr-wb-steps-head h2{
        font-size:36px;
    }

    .prr-wb-steps-item{
        flex-direction:column;
        gap:22px;
        padding:26px;
        border-radius:24px;
    }

    .prr-wb-steps-number{
        width:64px;
        height:64px;
        min-width:64px;
        border-radius:20px;
        font-size:26px;
    }

    .prr-wb-steps-content h3{
        font-size:24px;
    }

    .prr-wb-steps-content p{
        font-size:16px;
        line-height:1.8;
    }

    .prr-wb-steps-btn{
        width:100%;
        justify-content:center;
        text-align:center;
        padding:18px 22px;
    }

}

/* Как мы работаем */

.prr-wb-process{
    position:relative;
    padding:50px 35px;
    background:
        radial-gradient(circle at top left,
        rgba(122,92,255,.18),
        transparent 34%),
        radial-gradient(circle at bottom right,
        rgba(139,92,246,.12),
        transparent 28%),
        #0B1120;
    overflow:hidden;
	margin: 50px 0;
	border-radius: 35px;
}

.prr-wb-process::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(to bottom,
        rgba(255,255,255,.02),
        rgba(255,255,255,0));
    pointer-events:none;
}

.prr-wb-process .container{
    position:relative;
    z-index:2;
}

.prr-wb-process-head{
    max-width:820px;
    margin:0 auto 58px;
    text-align:center;
}

.prr-wb-process-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(139,92,246,.14);
    border:1px solid rgba(139,92,246,.25);
    color:#C4B5FD;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:22px;
    backdrop-filter:blur(8px);
}

.prr-wb-process-label svg{
    width:16px;
    height:16px;
}

.prr-wb-process-head h2{
    margin:0 0 20px;
    font-size:52px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#FFFFFF;
}

.prr-wb-process-head p{
    margin:0;
    font-size:19px;
    line-height:1.8;
    color:#94A3B8;
}

.prr-wb-process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.prr-wb-process-item{
    position:relative;
    padding:34px;
    border-radius:30px;
    background:
        linear-gradient(180deg,
        rgba(255,255,255,.06) 0%,
        rgba(255,255,255,.03) 100%);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
    transition:all .28s ease;
    box-shadow:
        0 10px 40px rgba(0,0,0,.22);
}

.prr-wb-process-item:hover{
    transform:translateY(-6px);
    border-color:rgba(139,92,246,.35);
    box-shadow:
        0 22px 60px rgba(0,0,0,.35),
        0 0 40px rgba(139,92,246,.12);
}

.prr-wb-process-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:28px;
}

.prr-wb-process-number{
    font-size:35px;
    font-weight:800;
    letter-spacing:.12em;
    color:#A78BFA;
}

.prr-wb-process-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(139,92,246,.14);
    color:#C4B5FD;
    border:1px solid rgba(139,92,246,.2);
}

.prr-wb-process-icon svg{
    width:26px;
    height:26px;
}

.prr-wb-process-item h3{
    margin:0 0 18px;
    font-size:24px;
    line-height:1.35;
    font-weight:800;
    color:#F8FAFC;
}

.prr-wb-process-item p{
    margin:0;
    font-size:16px;
    line-height:1.85;
    color:#94A3B8;
}

/* notice */

.prr-wb-process-note{
    margin-top:34px;
    padding:22px 24px;
    border-radius:24px;
    background:
        linear-gradient(180deg,
        rgba(16,185,129,.10),
        rgba(16,185,129,.05));
    border:1px solid rgba(16,185,129,.18);
    display:flex;
    align-items:center;
    gap:16px;
    backdrop-filter:blur(10px);
}

.prr-wb-process-note-icon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(16,185,129,.12);
    color:#6EE7B7;
}

.prr-wb-process-note-icon svg{
    width:22px;
    height:22px;
}

.prr-wb-process-note p{
    margin:0;
    font-size:16px;
    line-height:1.7;
    color:#D1FAE5;
    font-weight:600;
}

/* responsive */

@media(max-width:1100px){

    .prr-wb-process-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .prr-wb-process{
        padding:50px 12px;
		margin: 12px;
    }

    .prr-wb-process-head{
        margin-bottom:42px;
    }

    .prr-wb-process-head h2{
        font-size:38px;
    }

    .prr-wb-process-head p{
        font-size:17px;
    }

    .prr-wb-process-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .prr-wb-process-item{
        padding:26px;
        border-radius:24px;
    }

    .prr-wb-process-item h3{
        font-size:22px;
    }

    .prr-wb-process-note{
        align-items:flex-start;
        padding:18px;
    }

    .prr-wb-process-note p{
        font-size:15px;
    }

}

/* Кейсы */

.prr-wb-cases{
    padding:100px 35px;
    background:#F8FAFC;
}

.prr-wb-cases-head{
    max-width:760px;
    margin:0 auto 56px;
    text-align:center;
}

.prr-wb-cases-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.prr-wb-cases-label svg{
    width:16px;
    height:16px;
}

.prr-wb-cases-head h2{
    margin:0 0 18px;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-cases-head p{
    margin:0;
    font-size:18px;
    line-height:1.8;
    color:#64748B;
}

.prr-wb-cases-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.prr-wb-cases-item{
    padding:34px;
    border-radius:30px;
    background:#FFFFFF;
    border:1px solid #E2E8F0;
    box-shadow:0 12px 35px rgba(15,23,42,.04);
    transition:all .28s ease;
}

.prr-wb-cases-item:hover{
    transform:translateY(-4px);
    border-color:#D6DBF5;
    box-shadow:0 24px 55px rgba(90,80,200,.08);
}

.prr-wb-cases-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:28px;
}

.prr-wb-cases-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF2FF;
    color:#5A50C8;
}

.prr-wb-cases-icon svg{
    width:26px;
    height:26px;
}

.prr-wb-cases-result{
    display:inline-flex;
    align-items:center;
    padding:9px 14px;
    border-radius:999px;
    background:#ECFDF5;
    color:#0F766E;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.prr-wb-cases-item h3{
    margin:0 0 18px;
    font-size:25px;
    line-height:1.35;
    font-weight:800;
    color:#0F172A;
}

.prr-wb-cases-item p{
    margin:0 0 28px;
    font-size:16px;
    line-height:1.9;
    color:#64748B;
}

.prr-wb-cases-bottom{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.prr-wb-cases-bottom span{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:700;
    color:#334155;
}

.prr-wb-cases-bottom svg{
    width:16px;
    height:16px;
    color:#5A50C8;
}

@media(max-width:1100px){

    .prr-wb-cases-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .prr-wb-cases{
        padding:50px 12px;
    }

    .prr-wb-cases-head{
        margin-bottom:42px;
    }

    .prr-wb-cases-head h2{
        font-size:36px;
    }

    .prr-wb-cases-head p{
        font-size:17px;
    }

    .prr-wb-cases-item{
        padding:26px;
        border-radius:24px;
    }

    .prr-wb-cases-item h3{
        font-size:22px;
    }

    .prr-wb-cases-top{
        align-items:flex-start;
        flex-direction:column;
    }

}

/* Почему авторы не обращаются */

.prr-wb-awareness{
    padding:100px 35px;
    background:#FFFFFF;
}

.prr-wb-awareness-grid{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
    gap:34px;
    align-items:stretch;
}

.prr-wb-awareness-content{
    padding:54px;
    border-radius:34px;
    background:
        linear-gradient(180deg,
        #FFFFFF 0%,
        #FAFBFF 100%);
    border:1px solid #E2E8F0;
    box-shadow:0 12px 40px rgba(15,23,42,.04);
}

.prr-wb-awareness-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:24px;
}

.prr-wb-awareness-label svg{
    width:16px;
    height:16px;
}

.prr-wb-awareness-content h2{
    margin:0 0 28px;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-awareness-content p{
    margin:0 0 22px;
    font-size:19px;
    line-height:1.9;
    color:#475569;
}

.prr-wb-awareness-content p:last-child{
    margin-bottom:0;
}

.prr-wb-awareness-card{
    position:relative;
    overflow:hidden;
    padding:42px;
    border-radius:34px;
    background:
        radial-gradient(circle at top right,
        rgba(90,80,200,.10),
        transparent 35%),
        #0F172A;
    color:#FFFFFF;
    box-shadow:0 24px 70px rgba(15,23,42,.18);
}

.prr-wb-awareness-icon{
    width:68px;
    height:68px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.08);
    color:#A5B4FC;
    margin-bottom:26px;
}

.prr-wb-awareness-icon svg{
    width:30px;
    height:30px;
}

.prr-wb-awareness-card h3{
    margin:0 0 20px;
    font-size:30px;
    line-height:1.2;
    font-weight:800;
    color:#FFFFFF;
}

.prr-wb-awareness-card p{
    margin:0 0 28px;
    font-size:17px;
    line-height:1.9;
    color:rgba(255,255,255,.72);
}

.prr-wb-awareness-list{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.prr-wb-awareness-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.prr-wb-awareness-list li svg{
    width:18px;
    height:18px;
    min-width:18px;
    margin-top:5px;
    color:#7DD3FC;
}

.prr-wb-awareness-list li span{
    font-size:16px;
    line-height:1.7;
    color:#E2E8F0;
    font-weight:600;
}

@media(max-width:1100px){

    .prr-wb-awareness-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .prr-wb-awareness{
        padding:50px 12px;
    }

    .prr-wb-awareness-content,
    .prr-wb-awareness-card{
        padding:28px;
        border-radius:26px;
    }

    .prr-wb-awareness-content h2{
        font-size:36px;
    }

    .prr-wb-awareness-content p{
        font-size:17px;
    }

    .prr-wb-awareness-card h3{
        font-size:26px;
    }

}

/* Почему с нами удобно */

.prr-wb-benefits{
    position:relative;
    padding:100px 35px;
    background:
        radial-gradient(circle at top left,
        rgba(90,80,200,.06),
        transparent 28%),
        linear-gradient(180deg,
        #F8FAFC 0%,
        #FFFFFF 100%);
    overflow:hidden;
}

.prr-wb-benefits-head{
    max-width:820px;
    margin:0 auto 58px;
    text-align:center;
}

.prr-wb-benefits-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.prr-wb-benefits-label svg{
    width:16px;
    height:16px;
}

.prr-wb-benefits-head h2{
    margin:0 0 20px;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-benefits-head p{
    margin:0;
    font-size:19px;
    line-height:1.8;
    color:#64748B;
}

.prr-wb-benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.prr-wb-benefits-item{
    position:relative;
    overflow:hidden;
    padding:34px 30px;
    border-radius:30px;
    background:#FFFFFF;
    border:1px solid #E2E8F0;
    box-shadow:
        0 10px 40px rgba(15,23,42,.04);
    transition:all .28s ease;
}

.prr-wb-benefits-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:
        linear-gradient(90deg,
        #5A50C8,
        #8B5CF6);
    opacity:0;
    transition:opacity .28s ease;
}

.prr-wb-benefits-item:hover{
    transform:translateY(-6px);
    border-color:#D6DBF5;
    box-shadow:
        0 24px 60px rgba(90,80,200,.10);
}

.prr-wb-benefits-item:hover::before{
    opacity:1;
}

.prr-wb-benefits-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF2FF;
    color:#5A50C8;
    margin-bottom:26px;
}

.prr-wb-benefits-icon svg{
    width:28px;
    height:28px;
}

.prr-wb-benefits-item h3{
    margin:0 0 16px;
    font-size:24px;
    line-height:1.3;
    font-weight:800;
    color:#0F172A;
}

.prr-wb-benefits-item p{
    margin:0;
    font-size:16px;
    line-height:1.85;
    color:#64748B;
}

@media(max-width:1100px){

    .prr-wb-benefits-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .prr-wb-benefits{
        padding:50px 12px;
    }

    .prr-wb-benefits-head{
        margin-bottom:42px;
    }

    .prr-wb-benefits-head h2{
        font-size:36px;
    }

    .prr-wb-benefits-head p{
        font-size:17px;
    }

    .prr-wb-benefits-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .prr-wb-benefits-item{
        padding:26px;
        border-radius:24px;
    }

    .prr-wb-benefits-item h3{
        font-size:22px;
    }

}

/* FAQ */

.prr-wb-faq{
    padding:100px 35px;
    background:#FFFFFF;
}

.prr-wb-faq-head{
    max-width:760px;
    margin:0 auto 54px;
    text-align:center;
}

.prr-wb-faq-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.prr-wb-faq-label svg{
    width:16px;
    height:16px;
}

.prr-wb-faq-head h2{
    margin:0 0 18px;
    font-size:48px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-faq-head p{
    margin:0;
    font-size:18px;
    line-height:1.8;
    color:#64748B;
}

.prr-wb-faq-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.prr-wb-faq-item{
    background:#FFFFFF;
    border:1px solid #E2E8F0;
    border-radius:28px;
    overflow:hidden;
    transition:all .28s ease;
    box-shadow:0 10px 35px rgba(15,23,42,.04);
}

.prr-wb-faq-item:hover{
    border-color:#D6DBF5;
    transform:translateY(-2px);
    box-shadow:0 20px 55px rgba(90,80,200,.08);
}

.prr-wb-faq-question{
    width:100%;
    border:none;
    background:none;
    padding:28px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    text-align:left;
}

.prr-wb-faq-question-left{
    display:flex;
    align-items:center;
    gap:18px;
    padding-right:24px;
    min-width:0;
    flex:1;
}

.prr-wb-faq-question-left span:last-child{
    font-size:20px;
    line-height:1.45;
    font-weight:700;
    color:#0F172A;
}

.prr-wb-faq-icon{
    width:54px;
    height:54px;
    min-width:54px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#F6F8FB;
    color:#5A50C8;
}

.prr-wb-faq-icon svg{
    width:24px;
    height:24px;
}

.prr-wb-faq-toggle{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF2FF;
    color:#5A50C8;
    flex-shrink:0;
    transition:all .25s ease;
}

.prr-wb-faq-toggle svg{
    width:18px;
    height:18px;
}

.prr-wb-faq-item.active .prr-wb-faq-toggle{
    background:#5A50C8;
    color:#FFFFFF;
    transform:rotate(45deg);
}

.prr-wb-faq-answer{
    max-height:0;
    overflow:hidden;
    padding:0 32px 0 104px;
    transition:
        max-height .35s ease,
        padding .35s ease;
}

.prr-wb-faq-item.active .prr-wb-faq-answer{
    max-height:400px;
    padding:0 32px 30px 104px;
}

.prr-wb-faq-answer p{
    margin:0;
    font-size:17px;
    line-height:1.9;
    color:#475569;
}

@media(max-width:768px){

    .prr-wb-faq{
        padding:50px 12px;
    }

    .prr-wb-faq-head{
        margin-bottom:42px;
    }

    .prr-wb-faq-head h2{
        font-size:36px;
    }

    .prr-wb-faq-head p{
        font-size:17px;
    }

    .prr-wb-faq-question{
        padding:22px;
        align-items:flex-start;
    }

    .prr-wb-faq-question-left{
        gap:14px;
        align-items:flex-start;
    }

    .prr-wb-faq-question-left span:last-child{
        font-size:17px;
    }

    .prr-wb-faq-icon{
        width:46px;
        height:46px;
        min-width:46px;
    }

    .prr-wb-faq-toggle{
        width:40px;
        height:40px;
        min-width:40px;
    }

    .prr-wb-faq-answer{
        padding:0 22px 0 22px;
    }

    .prr-wb-faq-item.active .prr-wb-faq-answer{
        max-height:500px;
        padding:0 22px 24px 22px;
    }

}

/* SEO текст */

.prr-wb-seo{
    padding:90px 0 40px;
    background:#FFFFFF;
}

.prr-wb-seo-box{
    max-width:1100px;
    margin:0 auto;
    padding:48px;
    border-radius:34px;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
}

.prr-wb-seo-head{
    margin-bottom:34px;
}

.prr-wb-seo-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:20px;
}

.prr-wb-seo-label svg{
    width:16px;
    height:16px;
}

.prr-wb-seo-head h2{
    margin:0;
    font-size:42px;
    line-height:1.12;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-seo-content{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.prr-wb-seo-content p{
    margin:0;
    font-size:17px;
    line-height:1.95;
    color:#475569;
}

@media(max-width:768px){

    .prr-wb-seo{
        padding:50px 0 20px;
    }

    .prr-wb-seo-box{
        padding:28px 22px;
        border-radius:26px;
    }

    .prr-wb-seo-head{
        margin-bottom:28px;
    }

    .prr-wb-seo-head h2{
        font-size:32px;
        line-height:1.18;
    }

    .prr-wb-seo-content{
        gap:18px;
    }

    .prr-wb-seo-content p{
        font-size:16px;
        line-height:1.9;
    }

}

/* Финальный CTA */

.prr-wb-final-cta{
    padding:50px 35px 100px;
    background:#FFFFFF;
}

.prr-wb-final-cta-box{
    position:relative;
    overflow:hidden;
    border-radius:40px;
    background:
        linear-gradient(135deg,
        #0F172A 0%,
        #1E293B 100%);
    box-shadow:
        0 35px 90px rgba(15,23,42,.20);
}

.prr-wb-final-cta-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(139,92,246,.35),
        transparent 32%),
        radial-gradient(circle at bottom left,
        rgba(90,80,200,.22),
        transparent 28%);
    pointer-events:none;
}

.prr-wb-final-cta-content{
    position:relative;
    z-index:2;
    max-width:860px;
    padding:72px;
}

.prr-wb-final-cta-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#C4B5FD;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:26px;
    backdrop-filter:blur(10px);
}

.prr-wb-final-cta-label svg{
    width:16px;
    height:16px;
}

.prr-wb-final-cta-content h2{
    margin:0 0 24px;
    font-size:58px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-0.04em;
    color:#FFFFFF;
}

.prr-wb-final-cta-content p{
    max-width:720px;
    margin:0 0 34px;
    font-size:20px;
    line-height:1.85;
    color:rgba(255,255,255,.72);
}

.prr-wb-final-cta-actions{
    display:flex;
    margin-bottom:34px;
}

.prr-wb-final-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    padding:20px 28px;
    border-radius:18px;
    background:#FFFFFF;
    color:#0F172A;
    font-size:17px;
    font-weight:800;
    text-decoration:none;
    transition:all .28s ease;
    box-shadow:
        0 18px 45px rgba(255,255,255,.10);
}

.prr-wb-final-cta-btn:hover{
    transform:translateY(-3px);
    box-shadow:
        0 24px 55px rgba(255,255,255,.16);
}

.prr-wb-final-cta-btn svg{
    width:18px;
    height:18px;
}

.prr-wb-final-cta-note{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.prr-wb-final-cta-note span{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    border-radius:14px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#E2E8F0;
    font-size:14px;
    font-weight:700;
    backdrop-filter:blur(10px);
}

.prr-wb-final-cta-note svg{
    width:16px;
    height:16px;
    color:#A5B4FC;
}

@media(max-width:768px){

    .prr-wb-final-cta{
        padding:50px 12px 70px;
    }

    .prr-wb-final-cta-box{
        border-radius:28px;
    }

    .prr-wb-final-cta-content{
        padding:34px 26px;
    }

    .prr-wb-final-cta-content h2{
        font-size:38px;
    }

    .prr-wb-final-cta-content p{
        font-size:17px;
    }

    .prr-wb-final-cta-btn{
        width:100%;
        justify-content:center;
    }

    .prr-wb-final-cta-note{
        flex-direction:column;
        align-items:flex-start;
    }

}

/* Перелинковка */

.prr-wb-links{
    padding:40px 35px 100px;
    background:#FFFFFF;
}

.prr-wb-links-box{
    padding:46px;
    border-radius:34px;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
}

.prr-wb-links-head{
    max-width:760px;
    margin-bottom:38px;
}

.prr-wb-links-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 16px;
    border-radius:999px;
    background:#EEF2FF;
    color:#5A50C8;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:20px;
}

.prr-wb-links-label svg{
    width:16px;
    height:16px;
}

.prr-wb-links-head h2{
    margin:0 0 16px;
    font-size:42px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0F172A;
}

.prr-wb-links-head p{
    margin:0;
    font-size:17px;
    line-height:1.85;
    color:#64748B;
}

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

.prr-wb-links-item{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:24px;
    border-radius:24px;
    background:#FFFFFF;
    border:1px solid #E2E8F0;
    text-decoration:none;
    transition:all .28s ease;
}

.prr-wb-links-item:hover{
    transform:translateY(-3px);
    border-color:#D6DBF5;
    box-shadow:0 20px 50px rgba(90,80,200,.08);
}

.prr-wb-links-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EEF2FF;
    color:#5A50C8;
}

.prr-wb-links-icon svg{
    width:24px;
    height:24px;
}

.prr-wb-links-content{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
    padding-right:36px;
}

.prr-wb-links-content strong{
    font-size:20px;
    line-height:1.4;
    font-weight:800;
    color:#0F172A;
}

.prr-wb-links-content small{
    font-size:15px;
    line-height:1.75;
    color:#64748B;
}

.prr-wb-links-arrow{
    position:absolute;
    top:22px;
    right:22px;
    width:38px;
    height:38px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#F8FAFC;
    color:#5A50C8;
    transition:all .28s ease;
}

.prr-wb-links-arrow svg{
    width:18px;
    height:18px;
}

.prr-wb-links-item:hover .prr-wb-links-arrow{
    background:#5A50C8;
    color:#FFFFFF;
}

@media(max-width:900px){

    .prr-wb-links-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .prr-wb-links{
        padding:20px 0 90px;
    }

    .prr-wb-links-box{
        padding:28px 22px;
        border-radius:26px;
    }

    .prr-wb-links-head{
        margin-bottom:28px;
    }

    .prr-wb-links-head h2{
        font-size:32px;
    }

    .prr-wb-links-head p{
        font-size:16px;
    }

    .prr-wb-links-item{
        padding:20px;
        border-radius:22px;
        gap:14px;
    }

    .prr-wb-links-icon{
        width:50px;
        height:50px;
        min-width:50px;
        border-radius:16px;
    }

    .prr-wb-links-content{
        padding-right:10px;
    }

    .prr-wb-links-content strong{
        font-size:17px;
    }

    .prr-wb-links-content small{
        font-size:14px;
        line-height:1.7;
    }

    .prr-wb-links-arrow{
        display:none;
    }

}