/** Shopify CDN: Minification failed

Line 1976:39 Unexpected ";"
Line 2012:25 Unexpected ";"
Line 2090:22 Unexpected ";"
Line 2112:22 Unexpected ";"
Line 2132:16 Unexpected ";"

**/
/* ==========================================================
   V-HYDRA CREATORS • HERO
========================================================== */

#vhc-hero{
    position:relative;
    width:100%;
    min-height:100svh;
    overflow:hidden;
    background:#000;
    color:#fff;
    isolation:isolate;
    font-family:"Nunito Sans",sans-serif;

    overflow:visible;

}

#vhc-hero::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-1px;

    height:110px;

    pointer-events:none;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.04) 55%,
        rgba(255,255,255,.16) 82%,
        #fff 100%
    );

    z-index:15;

}

/* Reset apenas dentro do Hero */

#vhc-hero *,
#vhc-hero *::before,
#vhc-hero *::after{
    box-sizing:border-box;
}

#vhc-hero img{
    max-width:100%;
    display:block;
}

#vhc-hero a{
    text-decoration:none;
}

#vhc-hero button{
    font-family:inherit;
}

/* ==========================================================
   VÍDEO
========================================================== */

.vhc-hero__media{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
}

.vhc-hero__video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.vhc-hero__video--mobile{
    display:none;
}

.vhc-hero__overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78) 0%,
            rgba(0,0,0,.56) 40%,
            rgba(0,0,0,.28) 100%
        );

    z-index:2;
}

/* ==========================================================
   CONTAINER
========================================================== */

.vhc-hero__container{

    position:relative;
    z-index:5;

    width:min(1280px,92%);
    margin:auto;

    min-height:100svh;

    display:flex;

    align-items:center;

    padding-top:clamp(40px,8vh,90px);

    padding-bottom:clamp(120px,18vh,180px);

}

.vhc-hero__content{
    width:100%;
    max-width:720px;
}

.vhc-hero__inner{

    display:flex;
    flex-direction:column;

    align-items:flex-start;

    gap:36px;

    max-width:680px;

    opacity:1;

    transform:translateY(0);

}

/* ==========================================================
   BADGE
========================================================== */

.vhc-hero__badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:999px;

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

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

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    color:#fff;

    font-size:12px;

    font-weight:800;

    letter-spacing:.22em;

    text-transform:uppercase;

    box-shadow:
        0 12px 30px rgba(0,0,0,.25);
}

/* ==========================================================
   TÍTULO
========================================================== */

.vhc-hero__title{

    margin:0;

    font-size:clamp(54px,6vw,92px);

    line-height:.92;

    letter-spacing:-.04em;

    font-weight:900;

    color:#fff;

    text-wrap:balance;

}

.vhc-hero__title strong{

    color:#8B7BFF;

}

/* ==========================================================
   SUBTÍTULO
========================================================== */

.vhc-hero__subtitle{

    max-width:610px;

    font-size:22px;

    line-height:1.7;

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

    font-weight:500;

}
/* ==========================================================
   BOTÕES
========================================================== */

.vhc-hero__actions{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:8px;
    flex-wrap:wrap;
}

.vhc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:220px;
    height:60px;

    padding:0 34px;

    border-radius:999px;

    font-size:16px;
    font-weight:800;

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        background .30s ease,
        color .30s ease,
        border-color .30s ease;
}

.vhc-btn:hover{
    transform:translateY(-3px);
}

.vhc-btn--primary{

    background:linear-gradient(
    135deg,
    #7A70F7 0%,
    #655DC6 55%,
    #564DB8 100%
);
    color:#fff;

    box-shadow:
0 14px 42px rgba(101,93,198,.45),
0 0 0 1px rgba(255,255,255,.08) inset;

}

.vhc-btn--primary:hover{

    background:#746CEC;

    box-shadow:
        0 18px 42px rgba(101,93,198,.60);

}

.vhc-btn--secondary{

    background:rgba(20,20,28,.55);

    color:#fff;

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

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

}

.vhc-btn--secondary:hover{

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

    border-color:rgba(255,255,255,.35);

}

/* ==========================================================
   SCROLL INDICATOR
========================================================== */

.vhc-hero__scroll{

    position:absolute;

    left:50%;
    bottom:42px;

    transform:translateX(-50%);

    width:32px;
    height:54px;

    border-radius:999px;

    border:2px solid rgba(255,255,255,.45);

    display:flex;
    justify-content:center;

    z-index:20;

}

.vhc-hero__scroll span{

    width:6px;
    height:10px;

    margin-top:10px;

    border-radius:999px;

    background:#fff;

    animation:vhcScroll 2s infinite;

}

@keyframes vhcScroll{

    0%{
        opacity:0;
        transform:translateY(0);
    }

    25%{
        opacity:1;
    }

    100%{
        opacity:0;
        transform:translateY(20px);
    }

}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

    .vhc-hero__container{

        width:min(92%,760px);

    }

    .vhc-hero__content{

        max-width:620px;

    }

    .vhc-hero__title{

        font-size:clamp(44px,7vw,64px);

    }

    .vhc-hero__subtitle{

        font-size:20px;

    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:768px){

    .vhc-hero__video--desktop{

        display:none;

    }

    .vhc-hero__video--mobile{

        display:block;

    }

    .vhc-hero__overlay{

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.72) 0%,
                rgba(0,0,0,.52) 45%,
                rgba(0,0,0,.82) 100%
            );

    }

    .vhc-hero__container{

        width:90%;

        justify-content:center;

        text-align:center;

        padding-top:80px;
        padding-bottom:90px;

    }

    .vhc-hero__content{

        max-width:100%;

    }

    .vhc-hero__inner{

        align-items:center;

        gap:24px;

    }

    .vhc-hero__badge{

        font-size:11px;

        padding:10px 16px;

    }

    .vhc-hero__title{

        font-size:44px;

        line-height:1;

    }

    .vhc-hero__subtitle{

        font-size:18px;

        line-height:1.65;

    }

    .vhc-hero__actions{

        width:100%;

        flex-direction:column;

        gap:14px;

    }

    .vhc-btn{

        width:100%;

        min-width:unset;

        height:58px;

    }

    .vhc-hero__scroll{

        bottom:24px;

        transform:translateX(-50%) scale(.9);

    }

}

/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:420px){

    .vhc-hero__title{

        font-size:38px;

    }

    .vhc-hero__subtitle{

        font-size:17px;

    }

    .vhc-hero__badge{

        letter-spacing:.10em;

    }

}
/* ==========================================================
   VHC • ABOUT
========================================================== */

.vhc-about{

    background:#fff;

    color:#101820;

    padding:32px 0 0;

}

.vhc-about__container{

    width:min(1280px,92%);

    margin:0 auto;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:80px;

    align-items:center;

}

.vhc-about__intro{

    max-width:100%;

    margin:0;

    text-align:left;

}

.vhc-about__eyebrow{

    display:inline-block;

    margin-bottom:26px;

    font-size:13px;

    font-weight:800;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#655DC6;

}

.vhc-about__title{

    margin:0;

    font-size:clamp(42px,5vw,72px);

    line-height:.95;

    letter-spacing:-.04em;

    font-weight:900;

    color:#101820;

    text-wrap:balance;

}

.vhc-about__text{

    max-width:680px;

    margin:42px auto 0;

    font-size:21px;

    line-height:1.8;

    color:#505866;

}

.vhc-about__image{

    position:relative;

    width:100%;

    height:620px;

    margin:0;

    overflow:hidden;

    justify-self:end;

    transform:translateX(15%);

}

.vhc-about__img{

    display:block;

    width:100%;

    height:100%;

    object-fit:contain;
background:#fff;

    object-position:center 35%;

    border-radius:0;

}

.vhc-about__bottom{

    margin-top:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:28px;

    flex-wrap:wrap;

}

.vhc-about__bottom span{

    font-size:18px;

    font-weight:800;

    color:#101820;

}

.vhc-about__bottom span:not(:last-child)::after{

    content:"•";

    margin-left:28px;

    color:#655DC6;

}
/* ==========================================================
   ABOUT MOBILE
========================================================== */

@media (max-width:768px){

    .vhc-about__image{

    width:100vw;

    height:480px;

    margin-top:56px;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    overflow:hidden;

    transform:none;

    justify-self:stretch;

}

    .vhc-about__container{

    display:block;

}

.vhc-about__intro{

    text-align:center;

    max-width:760px;

    margin:0 auto;

}

.vhc-about__image{

    width:calc(100% + 64px);

    height:520px;

    margin-top:56px;

    margin-left:-32px;

    margin-right:-32px;

}

    .vhc-about__intro{

        text-align:left;

    }

    .vhc-about__title{

        font-size:46px;

    }

    .vhc-about__text{

        margin-top:28px;

        font-size:18px;

        line-height:1.75;

    }

    .vhc-about__image{

    width:100vw;

    height:480px;

    margin-top:56px;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    overflow:hidden;

}

    .vhc-about__img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center 20%;

    border-radius:0;

}

    .vhc-about__bottom{

        margin-top:42px;

        justify-content:flex-start;

        gap:12px;

    }

    .vhc-about__bottom span{

        font-size:16px;

    }

    .vhc-about__bottom span:not(:last-child)::after{

        margin-left:12px;

    }

}
/* ==========================================================
   VHC • TIMELINE
========================================================== */

.vhc-timeline{

    padding:140px 0;

    background:#F7F8FA;

}

.vhc-timeline__container{

    width:min(1180px,92%);

    margin:0 auto;

}

.vhc-timeline__intro{

    max-width:760px;

    margin:0 auto 100px;

    text-align:center;

}

.vhc-timeline__eyebrow{

    display:inline-block;

    margin-bottom:24px;

    font-size:13px;

    font-weight:800;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#655DC6;

}

.vhc-timeline__title{

    margin:0;

    font-size:clamp(42px,5vw,68px);

    line-height:1;

    letter-spacing:-.04em;

    font-weight:900;

    color:#101820;

}

.vhc-timeline__text{

    max-width:620px;

    margin:36px auto 0;

    font-size:20px;

    line-height:1.8;

    color:#5F6673;

}

/* ---------- ETAPAS ---------- */

.vhc-step{

    display:grid;

    grid-template-columns:140px 1fr;

    gap:60px;

    padding:55px 0;

    border-top:1px solid rgba(16,24,32,.08);

    align-items:start;

}

.vhc-step:last-child{

    border-bottom:1px solid rgba(16,24,32,.08);

}

.vhc-step__number{

    font-size:72px;

    line-height:1;

    font-weight:900;

    letter-spacing:-.05em;

    color:#D6DAE2;

}

.vhc-step__title{

    margin:0 0 14px;

    font-size:34px;

    font-weight:800;

    color:#101820;

}

.vhc-step__text{

    max-width:620px;

    margin:0;

    font-size:19px;

    line-height:1.8;

    color:#606775;

}
/* ==========================================================
   TIMELINE MOBILE
========================================================== */

@media(max-width:768px){

    .vhc-timeline{

        padding:90px 0;

    }

    .vhc-timeline__intro{

        text-align:left;

        margin-bottom:60px;

    }

    .vhc-step{

        grid-template-columns:1fr;

        gap:18px;

        padding:36px 0;

    }

    .vhc-step__number{

        font-size:44px;

    }

    .vhc-step__title{

        font-size:28px;

    }

    .vhc-step__text{

        font-size:17px;

    }

}
/* ==========================================================
   TIMELINE ANIMATION
========================================================== */

.vhc-step{

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}

.vhc-step.is-visible{

    opacity:1;

    transform:translateY(0);

}

.vhc-step__number{

    transition:
        color .6s ease,
        transform .6s ease;

}

.vhc-step.is-active .vhc-step__number{

    color:#655DC6;

    transform:translateX(8px);

}
.vhc-step{

    transition:

        opacity .7s ease,

        transform .7s ease,

        background-color .45s ease;

}

.vhc-step.is-active{

    background:rgba(101,93,198,.035);

}

.vhc-step__title{

    transition:color .45s ease;

}

.vhc-step.is-active .vhc-step__title{

    color:#655DC6;

}
/* ==========================================================
   VHC • BENEFITS
========================================================== */

.vhc-benefits{

    padding:140px 0 40px;

    background:#fff;

}

.vhc-benefits__container{

    width:min(1240px,92%);

    margin:0 auto;

}

.vhc-benefits__intro{

    max-width:760px;

    margin:0 auto 120px;

    text-align:center;

}

.vhc-benefits__eyebrow{

    display:inline-block;

    margin-bottom:24px;

    font-size:13px;

    font-weight:800;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#655DC6;

}

.vhc-benefits__title{

    margin:0;

    font-size:clamp(42px,5vw,70px);

    line-height:.98;

    letter-spacing:-.04em;

    font-weight:900;

    color:#101820;

}

.vhc-benefits__text{

    max-width:650px;

    margin:36px auto 0;

    font-size:20px;

    line-height:1.8;

    color:#5E6674;

}

/* ---------- LISTA ---------- */

.vhc-benefit{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:90px;

    padding:90px 0;

    border-top:1px solid rgba(16,24,32,.08);

}

.vhc-benefit:last-child{

    border-bottom:1px solid rgba(16,24,32,.08);

}

/* alternância */

.vhc-benefit.right .vhc-benefit__image{

    order:1;

}

.vhc-benefit.right .vhc-benefit__content{

    order:2;

}

.vhc-benefit.left .vhc-benefit__content{

    order:1;

}

.vhc-benefit.left .vhc-benefit__image{

    order:2;

}

/* imagem */

.vhc-benefit__img{

    display:block;

    width:100%;

    max-width:380px;

    height:250px;

    margin:0 auto;

    border-radius:22px;

    object-fit:cover;

}

/* conteúdo */

.vhc-benefit__content{

    max-width:520px;

}

.vhc-benefit__title{

    margin:0 0 24px;

    font-size:clamp(32px,3vw,46px);

    line-height:1.1;

    font-weight:900;

    color:#101820;

}

.vhc-benefit__description{

    margin:0;

    font-size:19px;

    line-height:1.9;

    color:#5E6674;

}
/* ==========================================================
   BENEFITS ANIMATION
========================================================== */

.vhc-benefit{

    opacity:.45;

    transform:translateY(40px);

    transition:
        opacity .7s ease,
        transform .7s ease,
        background-color .45s ease;

}

.vhc-benefit.is-visible{

    opacity:1;

    transform:translateY(0);

}

.vhc-benefit__image,
.vhc-benefit__content{

    transition:
        transform .45s ease,
        opacity .45s ease;

}

.vhc-benefit.is-active{

    background:rgba(101,93,198,.035);

}

.vhc-benefit.is-active .vhc-benefit__image{

    transform:translateY(-6px);

}

.vhc-benefit.is-active .vhc-benefit__title{

    color:#655DC6;

}

.vhc-benefit.is-active .vhc-benefit__content{

    transform:translateX(8px);

}
/* ==========================================================
   BENEFITS MOBILE
========================================================== */

@media(max-width:900px){

    .vhc-benefits{

        padding:70px 0 20px;

    }

    .vhc-benefits__intro{

        text-align:left;

        margin-bottom:70px;

    }

    .vhc-benefit__content{

    text-align:left;

}

    .vhc-benefit{

        grid-template-columns:1fr;

        gap:24px;

        padding:44px 0;

    }

    .vhc-benefit__content,

    .vhc-benefit__image{

        order:unset !important;

        max-width:100%;

    }

    .vhc-benefit__title{

    font-size:30px;

    line-height:1.15;

}

    .vhc-benefit__description{

        font-size:17px;

        line-height:1.8;

    }

    .vhc-benefit__img{

    width:100%;

    height:200px;

    object-fit:cover;

    object-position:center;

    border-radius:18px;

}

}
/* ==========================================================
   VHC • FAQ
========================================================== */

.vhc-faq{

    padding:40px 0 140px;

    background:#F7F8FA;

}

.vhc-faq__container{

    width:min(980px,92%);

    margin:0 auto;

}

.vhc-faq__intro{

    text-align:center;

    margin-bottom:56px;

}

.vhc-faq__eyebrow{

    display:inline-block;

    margin-bottom:22px;

    font-size:13px;

    font-weight:800;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#655DC6;

}

.vhc-faq__title{

    margin:0;

    font-size:clamp(36px,4vw,56px);

    line-height:1;

    font-weight:900;

    letter-spacing:-.04em;

    color:#101820;

}

/* Accordion */

.vhc-faq__item{

    border-top:1px solid rgba(16,24,32,.08);

}

.vhc-faq__item:last-child{

    border-bottom:1px solid rgba(16,24,32,.08);

}

.vhc-faq__item summary{

    list-style:none;

}

.vhc-faq__item summary::-webkit-details-marker{

    display:none;

}

.vhc-faq__question{

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    padding:34px 0;

    font-size:20px;

    font-weight:800;

    color:#101820;

}

.vhc-faq__icon{

    font-size:34px;

    font-weight:300;

    color:#655DC6;

    transition:.35s;

}

.vhc-faq__item[open] .vhc-faq__icon{

    transform:rotate(45deg);

}

.vhc-faq__answer{

    max-width:760px;

    padding:0 0 34px;

    font-size:17px;

    line-height:1.9;

    color:#5E6674;

}
@media(max-width:768px){

    .vhc-faq{

        padding:30px 0 90px;

    }

    .vhc-faq__intro{

        text-align:left;

        margin-bottom:50px;

    }

    .vhc-faq__question{

    font-size:17px;

    line-height:1.45;

    padding:24px 0;

}

    .vhc-faq__answer{

    font-size:16px;

    line-height:1.7;

        padding-bottom:24px;

    }

}
/* ==========================================================
   VHC • CTA
========================================================== */

.vhc-cta{

    position:relative;

    background:#101820;

    min-height:780px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border-radius:52px 52px 0 0;

    z-index:20;

    color:#fff;

    text-align:center;

    margin-top:-70px;

    margin-bottom:0;

}

.vhc-cta > *{
    position:relative;
    z-index:2;
}

.vhc-cta__bg{
    z-index:0;
}

/* Curva superior */


.vhc-cta__bg{

    position:absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;

    width:100%;
    height:100%;

    min-height:100%;

    object-fit:cover;
    object-position:center;

    z-index:0;

}

.vhc-cta__overlay{

    position:absolute;

    inset:-120px 0 0 0;

    background:rgba(16,24,32,.76);

    backdrop-filter:blur(2px);

    z-index:1;

}

.vhc-cta__content{

    position:relative;

    z-index:10;

    width:min(620px,88%);

}

.vhc-cta__eyebrow{

    display:inline-block;

    margin-bottom:24px;

    font-size:13px;

    font-weight:800;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#B7AEFF;

}

.vhc-cta__title{

    margin:0;

    font-size:clamp(46px,6vw,76px);

    line-height:.96;

    letter-spacing:-.04em;

    font-weight:900;

    color:#E3E5EA;

}

.vhc-cta__text{

    margin:34px auto 0;

    max-width:620px;

    font-size:21px;

    line-height:1.8;

    color:#D8DCE3;

}

.vhc-cta__list{

    list-style:none;

    padding:0;

    margin:42px 0;

}

.vhc-cta__list li{

    margin:12px 0;

    font-size:18px;

    color:#E2E5EA;

}

.vhc-cta__list li::before{

    content:"✓";

    color:#8D84FF;

    margin-right:10px;

}

.vhc-cta__button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:320px;

    height:64px;

    padding:0 42px;

    border-radius:999px;

    background:#655DC6;

    color:#fff;

    text-decoration:none;

    font-weight:800;

    font-size:18px;

    transition:.3s;

}

.vhc-cta__button:hover{

    transform:translateY(-3px);

    background:#756EF0;

}
@media(max-width:768px){

    .vhc-cta{

        min-height:70svh;

        padding:90px 0;

    }

    .vhc-cta__content{

        width:90%;

    }

    .vhc-cta__title{

        font-size:36px;

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

    }

    .vhc-cta__text{

        font-size:17px;

        line-height:1.8;

        max-width:340px;

margin-left:auto;

margin-right:auto;

    }

    .vhc-cta__list{

        text-align:left;

        display:inline-block;

    }

    .vhc-cta__list li{

        font-size:16px;

    }

    .vhc-cta__button{

        width:100%;

        min-width:0;

        height:58px;

        font-size:17px;

    }

}
/* ==========================================================
   VHC • ABOUT SIGNATURE
========================================================== */

.vhc-about-signature{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;

    margin-top:0;

    padding:22px 20px;

    width:calc(100% + 64px);
    margin-left:-32px;

    margin-bottom:-30px;

    background:rgba(101,93,198,.06);

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

    color:#5E6674;

}

.vhc-about-signature span:nth-child(even){

    color:#655DC6;

    font-size:14px;

}
@media(max-width:768px){

    .vhc-about-signature{

        gap:12px;

        font-size:14px;

        margin-top:40px;

    }

}
.vhc-about-dot{

    width:5px;

    height:5px;

    border-radius:50%;

    background:#655DC6;

    display:inline-block;

}
/* Remove o espaço inferior do Halo apenas na página V-Hydra Creators */

body:has(.vhc-cta) #MainContent{

    padding-bottom:0 !important;

}
/* ==========================================================
   STARTER KIT
========================================================== */

.vhc-starter-kit{
    padding:140px 0;
    background:#ffffff;
}

.vhc-starter-kit .vhc-section-heading{
    max-width:760px;

    margin:0 auto;

    text-align:center;
}

.vhc-starter-kit .vhc-section-heading p{
    max-width:680px;

    margin:24px auto 0;
}

.vhc-starter-card{
    margin-top:100px;

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

    gap:24px;

    background:transparent;

    border:none;

    box-shadow:none;
}
    grid-template-columns:repeat(4,1fr);

    background:#ffffff;

    border:1px solid #ECECEC;
    border-radius:32px;

    overflow:hidden;

    box-shadow:
        0 14px 45px rgba(16,24,32,.05);
}

.vhc-starter-item{
    position:relative;

    padding:56px 44px;

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

    background:#ffffff;

    border:1px solid #ECECEC;

    border-radius:28px;

    box-shadow:
        0 8px 30px rgba(16,24,32,.04);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}
    flex-direction:column;
    align-items:flex-start;

    transition:.35s ease;
}


.vhc-starter-item:hover{

    transform:translateY(-8px);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(16,24,32,.10);

}
.vhc-starter-item.is-active{

    transform:translateY(-8px);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(16,24,32,.10);

}

.vhc-starter-item:hover .vhc-starter-icon{

    background:#655DC6;

    border-color:#655DC6;

    color:#ffffff;

    transform:translateY(-3px);

}
.vhc-starter-item.is-active .vhc-starter-icon{

    background:#655DC6;

    border-color:#655DC6;

    color:#ffffff;

    transform:translateY(-3px);

}

.vhc-starter-icon{
    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:34px;

    background:rgba(101,93,198,.08);

    border:1px solid rgba(101,93,198,.14);

    border-radius:20px;

    color:#655DC6;

    transition:.35s ease;
}

.vhc-starter-icon svg{
    width:34px;
    height:34px;

    stroke-width:1.8;
}
    align-items:center;
    justify-content:center;

    margin-bottom:32px;

    background:rgba(101,93,198,.08);

    border:1px solid rgba(101,93,198,.14);

    border-radius:18px;

    color:#655DC6;

    transition:.35s ease;
}

.vhc-starter-icon svg{
    width:30px;
    height:30px;

    stroke-width:1.8;
}
    align-items:center;
    justify-content:center;

    margin-bottom:28px;

    background:rgba(101,93,198,.08);
    border:1px solid rgba(101,93,198,.14);
    border-radius:16px;

    color:#655DC6;

    transition:.35s ease;
}

.vhc-starter-icon svg{
    width:28px;
    height:28px;
    stroke-width:1.8;
}

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:28px;

    color:#655DC6;
}

.vhc-starter-icon svg{
    width:34px;
    height:34px;
}

.vhc-starter-item h3{
    margin:0 0 14px;

    font-size:22px;
    font-weight:700;
    line-height:1.25;

    color:#101820;
}

.vhc-starter-item p{
    margin:0;

    font-size:16px;
    line-height:1.8;

    color:#6B7280;
}
@media (max-width:989px){

    .vhc-starter-kit{
        padding:100px 0;
    }

    .vhc-starter-card{

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

    }

    .vhc-starter-item{

        padding:40px 34px;

    }

    .vhc-starter-item:nth-child(2){
        border-right:none;
    }

    .vhc-starter-item:nth-child(-n+2){
        border-bottom:1px solid #ECECEC;
    }

}
@media (max-width:749px){

    .vhc-starter-kit{
        padding:80px 0;
    }

    .vhc-starter-card{

        grid-template-columns:1fr;

        margin-top:48px;

    }

    .vhc-starter-item{

        padding:34px 28px;

        border-right:none !important;
        border-bottom:1px solid #ECECEC;

    }

    .vhc-starter-item:last-child{

        border-bottom:none;

    }

    .vhc-starter-item h3{

        font-size:20px;

    }

    .vhc-starter-item p{

        font-size:15px;
        line-height:1.7;

    }

}