.adv {
    background:var(--section-alt);
    border-top:1px solid var(--panel-border);
    position:relative;
    overflow:hidden
}

.adv .wrap {
    max-width:1400px;
    margin:auto;
    padding:88px 40px;
    position:relative;
    z-index:1
}

.adv-top {
    max-width:780px;
    margin-bottom:54px
}

.adv-kicker {
    font-size:13px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--red);
    font-weight:700;
    margin-bottom:18px
}

.adv-kicker::before {
    content:"";
    display:inline-block;
    width:34px;
    height:2px;
    background:var(--red);
    vertical-align:middle;
    margin-right:12px
}

.adv h2 {
    font-size:clamp(26px,3.4vw,46px);
    font-weight:900;
    line-height:1.1;
    letter-spacing:-1.2px;
    text-transform:uppercase;
    color:var(--text-h1)
}

.adv h2 .accent {
    color:var(--red)
}

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

.feat {
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:26px 24px;
    border:1px solid var(--panel-border);
    border-radius:12px;
    background:var(--card-bg2);
    position:relative;
    overflow:hidden;
    transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease
}

.js .feat {
    opacity:0;
    transform:translateY(30px)
}

.js .adv.inview .feat {
    opacity:1;
    transform:none
}

.feat:nth-child(2) {
    transition-delay:.08s
}

.feat:nth-child(3) {
    transition-delay:.16s
}

.feat:nth-child(4) {
    transition-delay:.24s
}

.feat:nth-child(5) {
    transition-delay:.32s
}

.feat:nth-child(6) {
    transition-delay:.4s
}

.feat:hover {
    transform:translateY(-6px);
    border-color:var(--red);
    box-shadow:0 20px 44px -20px rgba(0,132,201,.4)
}

.feat::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,var(--red),var(--blue-lt));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .45s cubic-bezier(.2,.7,.2,1)
}

.feat:hover::before {
    transform:scaleX(1)
}

.feat .icwrap {
    position:relative;
    flex:none
}

.feat .ic {
    width:56px;
    height:56px;
    border-radius:14px;
    display:grid;
    place-items:center;
    position:relative;
    color:var(--blue);
    transition:transform .4s cubic-bezier(.2,.7,.2,1)
}

.feat .ic::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:14px;
    background:var(--feat-ic-bg);
    border:1px solid var(--panel-border)
}

.feat .ic svg {
    width:26px;
    height:26px;
    position:relative;
    z-index:1
}

.feat:hover .ic {
    transform:translateY(-4px) scale(1.05)
}

.feat .t b {
    display:block;
    font-size:16px;
    font-weight:800;
    letter-spacing:.2px;
    color:var(--text-h1);
    margin-bottom:8px;
    line-height:1.3;
    transition:color .3s ease
}

.feat .t p {
    font-size:13px;
    line-height:1.6;
    color:var(--muted)
}

.feat .t p b {
    color:var(--text-h1);
    font-weight:700
}

.feat:hover .t b {
    color:var(--red)
}