.elementor-2272 .elementor-element.elementor-element-3eb6e82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:7%;--padding-bottom:6%;--padding-left:3%;--padding-right:3%;}.elementor-2272 .elementor-element.elementor-element-127f243.elementor-element{--align-self:center;}.elementor-2272 .elementor-element.elementor-element-76a46a7.elementor-element{--align-self:center;}.elementor-2272 .elementor-element.elementor-element-8c64e0b{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:69px;font-weight:800;}.elementor-2272 .elementor-element.elementor-element-ddf4c67{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2272 .elementor-element.elementor-element-dc8bde7{--display:flex;}.elementor-2272 .elementor-element.elementor-element-7c1c926{--display:flex;}.elementor-2272 .elementor-element.elementor-element-431d14b{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2272 .elementor-element.elementor-element-fe0c0d9 .faq-title{font-size:22px;text-align:center;}.elementor-2272 .elementor-element.elementor-element-fe0c0d9 .faq-item{margin-bottom:16px;}.elementor-2272 .elementor-element.elementor-element-fe0c0d9 .faq-icon{width:24px;height:24px;}.elementor-2272 .elementor-element.elementor-element-fe0c0d9 .faq-icon::before{width:calc(24px * 0.67);}.elementor-2272 .elementor-element.elementor-element-fe0c0d9 .faq-icon::after{height:calc(24px * 0.67);}@media(max-width:880px){.elementor-2272 .elementor-element.elementor-element-ddf4c67{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-2272 .elementor-element.elementor-element-127f243{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-127f243 */.dot-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, rgba(37, 99, 235, 0.20) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 90% 90% at 50% 40%, black 10%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 40%, black 10%, transparent 80%);
    width: 100vw !important;
    height: 100vh !important;
    z-index: 1;
    /* background-color: #ff0 !important; */
    left: 0;
    top: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76a46a7 */.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    color: #3B82F6;
    padding: 7px 18px;
    background: rgba(37,99,235,0.10);
    border: 0.5px solid rgba(37,99,235,0.25);
    border-radius: 100px;
    margin-bottom: 36px;
}

.eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3B82F6;
    animation: blink 2.2s infinite;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e25801 */.elementor-2272 .elementor-element.elementor-element-2e25801 {
    margin: 10px auto 0;
    padding: 20px 0 12px;
    border-top: 1px solid rgba(255,255,255,0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ft-copy {
    font-size: 12.5px;
    color: rgba(238,242,255,0.26);
}

.ft-sign {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: rgba(238,242,255,0.26) !important;
}

.ft-sign svg, selecto svg {
    width: 13px;
    height: 13px;
    color: #3B82F6 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d5e419 */.plan-card {
       background:rgba(255,255,255,0.055) !important;
    border: 0.5px solid var(--glass-border);
    border-radius: 22px;
    padding: 40px;
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s, transform 0.3s;
    display: flex;
    flex-direction: column;
}
.plan-cta.pro-cta {
    background:#2563EB;
}
.plan-cta.pro-cta:hover {
    background: #3B82F6;
    transform: translateY(-2px);
    box-shadow: 0 0 48px rgba(37, 99, 235, 0.45);
}
.plan-card {
    padding: 36px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.plan-cta {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
        background: var(--blue-500);
    color: #fff;
    box-shadow: 0 0 32px var(--blue-glow);
}

.plan-badge {
        position: absolute;
    top: 24px;
    right: 24px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 5px 12px;
    border-radius: 100px;
}
.plan-name {
    margin: 80px 0 20px;
}

.plan-price {
    color:#22C55E;
}
.plan-price span, span.prefix {
    font-size:28px;
    color: #fff;
    margin-right: 5px;
}

@media (max-width: 512px) {
    .plan-card {
        padding: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a84693f */.plan-card.free {
    background: rgba(255,255,255,0.055);
    border: 0.5px solid rgba(255,255,255,0.055);
}
.plan-card {
    padding: 25px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddf4c67 */.plan-badge.free-badge {
    background: rgba(255,255,255,0.055);
    color:rgba(238,242,255,0.52);
    border: 0.5px solid rgba(255,255,255,0.10);
}

.plan-badge.pro-badge {
    background: rgba(37,99,235,0.10);
    color: #3B82F6;
    border: 0.5px solid rgba(34,197,94,0.25);
}
.plan-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: 16px;
}

.plan-name {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 4px;
    color: #fff;
}

.plan-desc {
    font-size: 13px;
    line-height: 1.5;
    color: rgba(238,242,255,0.52);
    margin-bottom: 15px;
}

.plan-price {
    font-size: 52px;
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-bottom: 6px;
    background: none;
    padding: 10px 0px 10px 0;
}

.plan-period {
    font-size: 13px;
    color: rgba(238,242,255,0.52);
    margin-bottom: 28px;
}

.plan-cta.free-cta {
    background: rgba(255,255,255,0.055);
    color: rgba(238,242,255,0.52);
    border: 0.5px solid rgba(255,255,255,0.10);
}
.plan-cta {
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-family: var(--font);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: all 0.22s;
    border: none;
    margin-bottom: 28px;
}

.plan-divider {
    height: 0.5px;
    background: rgba(255,255,255,0.10);
    margin-bottom: 20px;
}

.plan-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: none!important;
    padding: 0 0 0 2px;
}

.feature {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color:rgba(238,242,255,0.52);
    
}

.feature .check.y {
    background: rgba(34,197,94,0.10);
    border: 0.5px solid rgba(34,197,94,0.25);
}
.feature .check {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.feature .check.y {
    background:rgba(34,197,94,0.10);
    border: 0.5px solid rgba(34,197,94,0.25);
}


.feature .check.n {
    background: rgba(255,255,255,0.055);
    border: 0.5px solid rgba(255,255,255,0.10);
}

.feature .check.n svg {
    width: 10px;
    height: 10px;
    stroke: rgba(238,242,255,0.26);
    fill: none;
    stroke-width: 2.5;
}

.feature .check.y svg {
    width: 10px;
    height: 10px;
    stroke: #22C55E;
    fill: none;
    stroke-width: 2.5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb6e82 */.elementor-2272 .elementor-element.elementor-element-3eb6e82 {
  background: 
    radial-gradient(ellipse 80% 70% at 50% -10%, rgba(37,99,235,0.30) 0%, transparent 65%),
    radial-gradient(ellipse 40% 30% at 88% 85%, rgba(37,99,235,0.10) 0%, transparent 65%),
    #070D18 !important;
}/* End custom CSS */