*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root {
–primary: #015FFB;
–primary-hover: #0050d4;
–dark: #0B1D2E;
–text: #282F35;
–text-light: #5A6573;
–bg: #F6F8FB;
–white: #ffffff;
–radius: 20px;
–font: ‘Inter’, sans-serif;
–essentials-accent: #015FFB;
–plan-accent: #0B1D2E;
–plan-accent-hover: #1a3a52;
–plan-check: #5A6573;
}
html { overflow-x: hidden; }
body {
font-family: var(–font);
background: var(–bg);
color: var(–dark);
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
.essentials-hero { border-bottom: 1px solid #E6E9EF; }
.essentials-hero__inner {
max-width: 1360px; margin: 0 auto; padding: 56px 24px 64px;
display: grid; grid-template-columns: 1fr 400px; gap: 64px; align-items: start;
}
.essentials-hero__heading {
font-family: var(–font); font-size: 44px; font-weight: 700;
line-height: 1.15 !important; color: var(–dark); margin-bottom: 20px; letter-spacing: -0.02em;
}
.essentials-hero__heading u {
text-decoration: none;
background-image: linear-gradient(transparent 60%, #FFE14D 60%);
padding-bottom: 2px;
}
.essentials-hero__desc {
font-size: 18px; line-height: 1.7; color: var(–text-light);
max-width: 760px; margin-bottom: 40px;
}
.essentials-hero__features {
display: grid; grid-template-columns: 1fr 1fr; gap: 14px 40px; margin-bottom: 40px;
}
.essentials-hero__feature {
display: flex; align-items: flex-start; gap: 10px;
font-size: 16px; font-weight: 400; line-height: 1.5; color: var(–text);
}
.essentials-hero__feature::before {
content: «»; flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px;
background-image: url(«data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’20’ height=’20’ viewBox=’0 0 20 20′ fill=’none’%3E%3Ccircle cx=’10’ cy=’10’ r=’9′ fill=’%23015FFB’/%3E%3Cpath d=’M6 10.5L8.5 13L14 7.5′ stroke=’white’ stroke-width=’1.8′ stroke-linecap=’round’ stroke-linejoin=’round’/%3E%3C/svg%3E»);
background-size: contain; background-repeat: no-repeat;
}
.essentials-card {
background: var(–white); border-radius: var(–radius); border: 1.5px solid #E6E9EF;
box-shadow: 0 8px 40px rgba(0,0,0,0.06); margin-top: 24px; overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.essentials-card__accent { height: 5px; width: 100%; background: linear-gradient(90deg, #015FFB, #3B82F6); }
.essentials-card__body {
padding: 44px 36px 40px; display: flex; flex-direction: column;
align-items: center; text-align: center;
}
.essentials-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.essentials-card__bottom { width: 100%; margin-top: 0; }
.essentials-card__illustration { display: flex; justify-content: center; margin: 4px 0 24px; }
.essentials-card__illustration svg { width: 100%; max-width: 235px; height: auto; }
.essentials-card__name-big {
font-family: var(–font); font-size: 26px; font-weight: 700;
color: var(–dark); margin-bottom: 14px; line-height: 1.25;
}
.essentials-card__desc {
font-size: 15px; font-weight: 400; line-height: 1.6;
color: var(–text-light); margin-bottom: 32px; max-width: 300px;
}
.tab-wrapper { display: flex; justify-content: center; margin-bottom: 40px; }
.tab-group { display: inline-flex; background: var(–white); border-radius: 999px; padding: 5px; border: 1.5px solid #E0E4EA; }
.tab-btn {
padding: 12px 32px; border-radius: 999px; border: none; background: transparent;
font-family: var(–font); font-size: 15px; font-weight: 500; color: var(–text-light);
cursor: pointer; transition: all 0.25s ease; user-select: none;
}
.tab-btn.active { background: #015FFB; color: var(–white); font-weight: 600; }
.tab-btn:not(.active):hover { color: var(–dark); background: #F0F2F5; }
.essentials-card__try-label { font-size: 16px; font-weight: 500; color: var(–text-light); margin-bottom: 8px; }
.essentials-card__free-big { font-family: var(–font); font-size: 20px; font-weight: 600; color: #ffffff; line-height: 1.3; display: inline; }
.essentials-card__free-period { font-size: 16px; font-weight: 500; color: var(–text-light); }
.essentials-card__free-after { font-size: 14px; color: var(–text-light); }
.essentials-card__free-after strong { font-weight: 600; color: var(–dark); }
.essentials-card__cta {
display: flex; align-items: center; justify-content: center; width: 100%; height: 56px;
border-radius: 14px; background: var(–primary); color: #ffffff !important;
font-family: var(–font); font-size: 16px; font-weight: 700; border: none;
cursor: pointer; text-decoration: none !important; transition: all 0.2s ease; margin-top: 0;
}
.essentials-card__cta:hover { background: var(–primary-hover); }
.essentials-card__trust { text-align: center; margin-top: 14px; margin-bottom: 24px; }
.essentials-card__trust-text { font-size: 14px; font-weight: 400; color: var(–text-light); }
.essentials-card__logos-section {
display: flex; flex-direction: column; align-items: center; gap: 18px;
margin-bottom: 0; margin-top: 0; padding: 32px 0 0;
border-top: 1px solid #F0F2F5; border-bottom: none; width: 100%;
}
.essentials-card__logos-track-wrap {
width: 100%; overflow: hidden; position: relative;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
}
.essentials-card__logos-track {
display: flex; align-items: center; gap: 36px; width: max-content;
animation: logoScroll 50s linear infinite;
}
.essentials-card__logo-img {
height: 32px; width: auto; object-fit: contain; opacity: 0.45;
filter: grayscale(100%); transition: opacity 0.3s ease, filter 0.3s ease; flex-shrink: 0;
}
.essentials-card__logos-track-wrap:hover .essentials-card__logo-img { opacity: 0.65; filter: grayscale(50%); }
.essentials-card__logos-track-wrap:hover .essentials-card__logos-track { animation-play-state: paused; }
@keyframes logoScroll { 0% { transform: translateX(0); } 100% { transform: translateX(var(–scroll-distance, -50%)); } }
.essentials-card__social-text { font-size: 15px; font-weight: 500; color: var(–text-light); }
.essentials-card__social-text strong { font-weight: 700; color: var(–text); }
.price-fade { animation: priceFade 0.3s ease; }
@keyframes priceFade { 0% { opacity: 0; transform: translateY(4px); } 100% { opacity: 1; transform: translateY(0); } }
.plans-section { max-width: 1360px; margin: 0 auto; padding: 64px 24px 48px; }
.plans-section__heading { font-family: var(–font); font-size: 30px; font-weight: 700; color: var(–dark); text-align: center; margin-bottom: 12px; }
.plans-section__sub { font-size: 15px; color: var(–text-light); text-align: center; margin-bottom: 48px; }
.pricing-layout { display: grid; grid-template-columns: 1fr 3fr; gap: 24px; align-items: stretch; }
.all-plans-card {
background: var(–white); border-radius: var(–radius); border: 1.5px solid #E6E9EF;
display: flex; flex-direction: column; overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.all-plans-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }
.all-plans-header { padding: 36px 28px 20px; border-bottom: 1px solid #F0F2F5; min-height: 216px; }
.all-plans-subtitle { font-size: 13px; font-weight: 400; line-height: 1.5; color: #6B7685; margin-bottom: 16px; min-height: 40px; }
.all-plans-title { font-family: var(–font); font-size: 32px; font-weight: 700; color: var(–dark); line-height: 1.15; }
.all-plans-list-wrap { padding: 16px 28px 32px; flex: 1; }
.all-plans-features-label { font-family: var(–font); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(–text-light); margin-bottom: 16px; min-height: 15px; }
.all-plans-list { list-style: none; }
.all-plans-list li {
font-size: 14px; font-weight: 400; line-height: 1.5; color: #5A6573;
padding-left: 28px; position: relative; margin-bottom: 12px;
}
.all-plans-list li::before {
content: «»; position: absolute; left: 0; top: 2px; width: 18px; height: 18px;
background-image: url(«data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’20’ height=’20’ viewBox=’0 0 20 20′ fill=’none’%3E%3Ccircle cx=’10’ cy=’10’ r=’9′ fill=’%23015FFB’/%3E%3Cpath d=’M6 10.5L8.5 13L14 7.5′ stroke=’white’ stroke-width=’1.8′ stroke-linecap=’round’ stroke-linejoin=’round’/%3E%3C/svg%3E»);
background-size: contain; background-repeat: no-repeat;
}
.all-plans-list li:last-child { margin-bottom: 0; }
.plans-inner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
/* ====== PLAN CARDS ====== */
.plan-card {
background: var(–white); border-radius: var(–radius); border: 1.5px solid #E6E9EF;
display: flex; flex-direction: column; overflow: hidden; position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.plan-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}
.plan-card__accent {
height: 4px; width: 100%;
background: #015FFB;
}
.plan-card:hover .plan-card__accent { background: #015FFB; }
.plan-card__body { padding: 32px 24px; display: flex; flex-direction: column; flex: 1; }
.plan-card__top { border-bottom: 1px solid #F0F2F5; padding-bottom: 20px; margin-bottom: 16px; min-height: 180px; }
.plan-tagline { font-size: 13px; font-weight: 400; line-height: 1.5; color: #6B7685; margin-bottom: 16px; min-height: 40px; }
.plan-name { font-family: var(–font); font-size: 24px; font-weight: 700; color: var(–dark); margin-bottom: 4px; }
.plan-name .highlight-text { background-image: linear-gradient(transparent 60%, #FFE14D 60%); padding-bottom: 2px; }
.plan-price-wrap { min-height: 60px; display: flex; flex-direction: column; justify-content: center; }
.plan-price { display: flex; align-items: center; gap: 4px; }
.plan-price__currency { font-size: 18px; font-weight: 600; color: #6B7685; align-self: flex-start; margin-top: 8px; }
.plan-price__amount { font-family: var(–font); font-size: 48px; font-weight: 800; line-height: 1; color: var(–dark); }
.plan-price__period { font-size: 15px; font-weight: 400; color: #8A939F; align-self: flex-end; margin-bottom: 6px; margin-left: 4px; }
.plan-price__custom { font-family: var(–font); font-size: 32px; font-weight: 700; color: var(–dark); width: fit-content; padding-bottom: 2px; }
.highlight-text { background-image: linear-gradient(transparent 60%, #FFE14D 60%); padding-bottom: 2px; }
.plan-price__custom-sub { font-size: 14px; color: #8A939F; margin-top: 4px; }
.features-label { font-family: var(–font); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(–text-light); margin-bottom: 16px; }
.features { list-style: none; flex: 1; margin-bottom: 28px; }
.features li {
font-size: 14px; font-weight: 400; line-height: 1.5; color: #5A6573;
padding-left: 28px; position: relative; margin-bottom: 12px;
}
.features li::before {
content: «»; position: absolute; left: 0; top: 2px; width: 18px; height: 18px;
background-image: url(«data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’20’ height=’20’ viewBox=’0 0 20 20′ fill=’none’%3E%3Ccircle cx=’10’ cy=’10’ r=’9′ fill=’%23015FFB’/%3E%3Cpath d=’M6 10.5L8.5 13L14 7.5′ stroke=’white’ stroke-width=’1.8′ stroke-linecap=’round’ stroke-linejoin=’round’/%3E%3C/svg%3E»);
background-size: contain; background-repeat: no-repeat;
}
.features li:last-child { margin-bottom: 0; }
/* Plan button – hover → blue (hero excluded) */
.plan-button {
display: flex; align-items: center; justify-content: center; height: 48px; padding: 0 20px;
border-radius: 10px; border: 1.5px solid #015FFB; background: transparent;
color: #015FFB !important; font-family: var(–font); font-size: 15px; font-weight: 600;
cursor: pointer; text-decoration: none !important; transition: all 0.2s ease; margin-top: auto;
}
.plan-button:hover {
background: #015FFB;
border-color: #015FFB;
color: #ffffff !important;
}
.plan-button:active { transform: scale(0.97); }
/* Contained variant for Essentials & Growth */
.plan-button–contained {
background: #015FFB;
border-color: #015FFB;
color: #ffffff !important;
}
.plan-button–contained:hover {
background: #015FFB;
border-color: #015FFB;
}
/* Card hover → button becomes contained/filled */
.plan-card:hover .plan-button {
background: #015FFB;
border-color: #015FFB;
color: #ffffff !important;
}
.plan-card:hover .plan-button:hover {
background: #0050d4;
border-color: #0050d4;
}
/* ====== COMPARE SECTION ====== */
.compare-sticky-header { z-index: 10; }
.compare-sticky-header tr { background: #ffffff !important; }
.compare-table .compare-sticky-header th {
padding: 24px 20px 24px !important; border: none !important; border-bottom: none !important;
background: #ffffff !important; vertical-align: top; position: relative; height: 1px;
}
.compare-fixed-header {
position: fixed; top: 100px; left: 0; width: 100%; z-index: 999;
background: #ffffff; box-shadow: 0 8px 24px rgba(0,0,0,0.1);
opacity: 0; visibility: hidden; transform: translateY(-100%);
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
pointer-events: none;
}
.compare-fixed-header.is-visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.compare-fixed-header table { width: 100%; border-collapse: separate; border-spacing: 0; max-width: 1360px; margin: 0 auto; }
.compare-fixed-header th {
padding: 20px 20px !important; border: none !important; background: #ffffff !important;
vertical-align: top; text-align: center; font-size: 14px; height: 1px;
}
.compare-fixed-header th:first-child { width: 24%; text-align: left; }
.compare-fixed-header tr { display: table-row; }
.compare-sticky-header th:first-child { width: 24%; text-align: left; }
.compare-sticky-header th:first-child::before {
content: «»; position: absolute; top: 0; left: -20px; width: 20px; height: 100%; background: #ffffff;
}
.compare-sticky-header th:last-child::after {
content: «»; position: absolute; top: 0; right: -20px; width: 20px; height: 100%; background: #ffffff;
}
.compare-plan-cell { display: flex; flex-direction: column; align-items: center; height: 100%; min-height: 140px; }
.compare-plan-cell__name { font-family: var(–font); font-size: 20px; font-weight: 700; color: var(–dark); margin-bottom: 14px; }
.compare-plan-cell__price-custom { font-family: var(–font); font-size: 32px; font-weight: 800; color: #002E47; flex: 1; display: flex; align-items: center; margin-bottom: 20px; line-height: 1; }
.compare-plan-cell__price-row { display: flex; align-items: center; gap: 2px; margin-bottom: 20px; flex: 1; }
.compare-plan-cell__price-currency { font-size: 16px; font-weight: 600; color: var(–dark); align-self: flex-start; margin-top: 6px; }
.compare-plan-cell__price-amount { font-family: var(–font); font-size: 40px; font-weight: 800; line-height: 1; color: var(–dark); }
.compare-plan-cell__price-period { font-size: 14px; font-weight: 400; color: var(–text-light); align-self: flex-end; margin-bottom: 4px; margin-left: 3px; }
/* Fixed header: force equal cell heights and bottom-aligned buttons */
.compare-fixed-header .compare-plan-cell { min-height: auto; height: 100%; }
.compare-fixed-header .compare-plan-cell__price-row,
.compare-fixed-header .compare-plan-cell__price-custom { flex: 1; display: flex; align-items: center; }
.compare-fixed-header .compare-plan-cell .cta-sm { margin-top: auto; }
.compare-plan-cell__free-row { display: flex; align-items: baseline; gap: 6px; margin-bottom: 4px; }
.compare-plan-cell__free-big { font-family: var(–font); font-size: 32px; font-weight: 800; color: var(–dark); line-height: 1; display: inline; padding-bottom: 2px; }
.compare-plan-cell__free-period { font-size: 14px; font-weight: 400; color: var(–text-light); }
.compare-plan-cell__free-after { font-size: 13px; color: var(–text-light); margin-bottom: 20px; flex: 1; }
.compare-plan-cell__free-after strong { font-weight: 600; color: var(–dark); }
.compare-plan-cell .cta-sm { margin-top: auto; }
.compare-help-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; height: 100%; }
.compare-help-cell__title { font-family: var(–font); font-size: 22px; font-weight: 700; color: var(–dark); line-height: 1.2; text-align: left; }
.compare-help-cell__btn {
margin-top: auto; display: inline-flex; align-items: center; justify-content: center;
background: var(–dark); color: #ffffff !important; text-decoration: none !important;
font-family: var(–font); font-size: 13px; font-weight: 600; padding: 0 20px;
height: 38px; border-radius: 10px; transition: background 0.2s ease;
}
.compare-help-cell__btn:hover { background: #1a3a52; }
.compare-section { max-width: 1360px; margin: 0 auto; padding: 64px 24px 48px; }
.compare-title { font-family: var(–font); font-size: 30px; font-weight: 700; color: var(–dark); text-align: center; margin-bottom: 48px; }
.compare-table-wrap { background: var(–white); padding: 20px; border: 1.5px solid #E6E9EF; border-radius: var(–radius); overflow: visible; }
.compare-table { width: 100%; border-collapse: separate; border-spacing: 0; border: none; }
.compare-table tbody tr, .compare-table tbody tr:hover { background: transparent !important; }
.compare-table tbody tr:nth-child(odd):not(.section-row) td,
.compare-table tbody tr:nth-child(even):not(.section-row) td { background: #FFFFFF !important; }
.compare-table th, .compare-table td {
padding: 14px 20px; font-size: 14px; text-align: center; vertical-align: middle;
border: none !important; border-bottom: 1px solid #F0F2F5 !important; background: transparent !important;
}
.compare-table tr:hover td { background: transparent !important; }
.compare-table td:first-child {
text-align: left; width: 24%; font-weight: 400; font-size: 14px; color: var(–text); padding-left: 24px;
}
.compare-table tr.section-row td {
padding: 16px 20px; border-bottom: none !important; background: #F8F9FB !important;
font-weight: 600; font-size: 14px; color: var(–dark); text-align: center;
}
.compare-table .section-row td:first-child {
text-align: left; font-family: var(–font); font-size: 14px; font-weight: 700;
padding-left: 24px; border-radius: 12px 0 0 12px;
}
.compare-table .section-row td:last-child { border-radius: 0 12px 12px 0; }
.compare-table tr:has(+ .section-row) td,
.compare-table tr:last-child td,
.compare-table tbody tr:first-child td { border-bottom: none !important; }
.compare-table tr.section-row td { border-top: none !important; }
.c-check {
display: inline-block; width: 20px; height: 20px;
background-image: url(«data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’20’ height=’20’ viewBox=’0 0 20 20′ fill=’none’%3E%3Cpath d=’M4.5 10.5L8.5 14.5L15.5 6.5′ stroke=’%23002E47′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’/%3E%3C/svg%3E»);
background-size: contain; background-repeat: no-repeat; vertical-align: middle;
}
.c-dash { display: inline-block; color: #C8CDD4; font-size: 18px; font-weight: 500; line-height: 1; }
.c-text { font-weight: 500; color: var(–dark); font-size: 14px; }
/* Compare table CTA – hover → blue */
.cta-sm {
display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px;
border-radius: 8px; border: 1.5px solid #015FFB; background: transparent;
color: #015FFB !important; font-family: var(–font); font-size: 13px; font-weight: 600;
text-decoration: none !important; transition: all 0.2s ease; letter-spacing: 0.01em;
}
.cta-sm:hover { background: #015FFB; border-color: #015FFB; color: #ffffff !important; }
.cta-sm–contained {
background: #015FFB !important;
border-color: #015FFB;
color: #ffffff !important;
}
.cta-sm–contained:hover {
background: #015FFB !important;
border-color: #015FFB;
color: #ffffff !important;
}
.cta-sm–growth { background: transparent !important; border-color: #002E47; color: #002E47 !important; }
.cta-sm–growth:hover { background: #015FFB !important; border-color: #015FFB; color: #ffffff !important; }
.cta-sm–outlined { background: transparent !important; color: #002E47 !important; border-color: #002E47; }
.cta-sm–outlined:hover { background: #015FFB !important; border-color: #015FFB; color: #ffffff !important; }
@keyframes floatSoft { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.essentials-card__illustration svg { animation: floatSoft 4s ease-in-out infinite; }
@media (max-width: 1100px) {
.essentials-hero__inner { grid-template-columns: 1fr 360px; gap: 40px; }
.essentials-hero__heading { font-size: 36px; }
}
@media (max-width: 860px) {
.essentials-hero__inner { grid-template-columns: 1fr; gap: 32px; padding: 40px 20px 48px; }
.essentials-card { max-width: 480px; margin-left: auto; margin-right: auto; }
.essentials-hero__heading { font-size: 32px; }
.essentials-hero__features { grid-template-columns: 1fr; }
.plans-section { padding: 48px 20px 36px; }
.pricing-layout { grid-template-columns: 1fr; }
.plans-inner-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
.plan-card__body { padding: 24px 20px; }
.plan-card__top { padding-bottom: 16px; margin-bottom: 16px; min-height: auto; }
.plan-tagline { min-height: auto; margin-bottom: 10px; }
.plan-price-wrap { min-height: auto; }
.features { margin-bottom: 20px; }
.plan-name { font-size: 22px; }
.plan-price__amount { font-size: 40px; }
.all-plans-header { min-height: auto; }
.all-plans-card { max-width: 480px; margin: 0 auto 24px; }
.plans-inner-grid { margin-left: auto; margin-right: auto; }
.compare-section { padding: 48px 16px 36px; }
}
@media (max-width: 768px) {
.compare-title { font-size: 24px; margin-bottom: 32px; }
.compare-table-wrap { padding: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px; }
.compare-table { min-width: 640px; }
.compare-table th, .compare-table td { padding: 10px 12px; font-size: 13px; white-space: nowrap; }
.compare-table td:first-child { white-space: normal; min-width: 160px; position: sticky; left: 0; background: #ffffff !important; z-index: 2; box-shadow: 2px 0 8px rgba(0,0,0,0.04); }
.compare-table tr.section-row td:first-child { background: #F8F9FB !important; }
.compare-fixed-header { display: none !important; }
.compare-sticky-header th { position: static !important; }
.compare-table .compare-sticky-header th { padding: 16px 12px !important; }
.compare-sticky-header th:first-child { width: auto; min-width: 160px; position: sticky !important; left: 0; background: #ffffff !important; z-index: 3; box-shadow: 2px 0 8px rgba(0,0,0,0.04); }
.compare-sticky-header th:first-child::before, .compare-sticky-header th:last-child::after { display: none; }
.compare-plan-cell__name { font-size: 16px; margin-bottom: 8px; }
.compare-plan-cell__price-amount { font-size: 28px; }
.compare-plan-cell__price-currency { font-size: 13px; align-self: baseline; margin-top: 0; }
.compare-plan-cell__price-period { font-size: 12px; align-self: baseline; margin-bottom: 0; }
.compare-plan-cell__price-custom { font-size: 22px; }
.compare-plan-cell__price-row { margin-bottom: 12px; align-items: baseline; }
.compare-help-cell__title { font-size: 16px; }
.compare-help-cell__btn { font-size: 11px; padding: 0 14px; height: 34px; }
.cta-sm { font-size: 11px; padding: 0 12px; height: 34px; white-space: nowrap; }
}
@media (max-width: 480px) {
.essentials-hero__inner { padding: 32px 16px 40px; }
.essentials-hero__heading { font-size: 26px !important; line-height: 1.2 !important; }
.essentials-hero__desc { font-size: 14px; margin-bottom: 28px; }
.essentials-hero__feature { font-size: 14px; }
.essentials-hero__features { gap: 12px; margin-bottom: 28px; }
.essentials-card { max-width: 100%; margin-top: 16px; }
.essentials-card__body { padding: 32px 24px 32px; }
.essentials-card__name-big { font-size: 20px; }
.essentials-card__desc { font-size: 13.5px; }
.plans-section { padding: 36px 16px 28px; }
.plans-section__heading { font-size: 24px; }
.plans-section__sub { font-size: 14px; margin-bottom: 32px; }
.tab-btn { padding: 10px 20px; font-size: 13px; }
.plans-inner-grid { max-width: 100%; }
.all-plans-card { max-width: 100%; }
.compare-section { padding: 36px 12px 28px; }
.compare-table { min-width: 580px; }
.compare-table td:first-child, .compare-sticky-header th:first-child { min-width: 140px; padding-left: 12px; }
}
@media (max-width: 360px) {
.essentials-hero__inner { padding: 24px 12px 32px; }
.essentials-hero__heading { font-size: 24px; }
.plans-section { padding: 28px 12px 24px; }
.tab-btn { padding: 9px 16px; font-size: 12px; }
.tab-group { padding: 4px; }
.plan-card__body { padding: 20px 16px; }
.all-plans-list-wrap { padding: 20px 16px 24px; }
.all-plans-header { padding: 28px 16px 20px; }
.compare-section { padding: 28px 8px 24px; }
.compare-table { min-width: 540px; }
}
Pruébalo tú mismo. Comprueba la diferencia
.
Obtén 14 días de acceso completo para comprobar cómo nuestra IA, la creación fluida y las completas funciones LMS transforman tus ideas en formación profesional, al instante.
Creador de cursos de IA
La mejor experiencia de creación de e-learning
Creador de imágenes y cuestionarios AI
Cursos públicos (abiertos o verificados por correo electrónico)
Constructor de Interacciones AI
Cursos cerrados (de pago o sólo con invitación)
AI Constructor de juegos educativos
Certificaciones
AI Constructor de YouTube a Curso
Caminos, insignias y recompensas
Widget de locución y accesibilidad AI
Páginas de aterrizaje
Moderador de las Juntas Comunitarias y la IA
Análisis e informes
Empieza ahora
Experimenta funciones premium y únicas sin limitaciones.
Iniciar prueba gratuita de 14 días
✓ No se requiere tarjeta de crédito
Con la confianza de más de 20.000 proveedores de formación
Planes y precios
Echa un vistazo a nuestros planes repletos de funciones, diseñados para crecer contigo.
Explora la flexibilidad de nuestras opciones de pago por uso o desbloquea el valor de nuestros ventajosos planes anuales.
Experimenta la mejor solución de creación de e-learning con tu completo asistente de IA.
Todos los Planes
Incluyen
- La mejor experiencia de creación de e-learning
- Cursos públicos (abiertos o verificados por correo electrónico)
- Cursos cerrados (de pago o sólo con invitación)
- Creador de cursos de IA con imágenes y cuestionarios de IA
- Constructor de Interacciones AI
- AI Constructor de juegos educativos
- AI Constructor de YouTube a Curso
- Moderador de las Juntas Comunitarias y la IA
- Caminos, insignias y recompensas
- Certificaciones
- Compartir por enlace e incrustación
- Widget de locución y accesibilidad AI
- Análisis e informes
Crea programas de formación sin esfuerzo, gestiona de forma práctica.
Esenciales
$
79
/mes
- 1.000 alumnos / año
- 1 dominio personalizado, varios subdominios
Iniciar prueba de 14 días
Gestiona las academias de clientes y socios con tu equipo.
Crecimiento
$
279
/mes
- 5.000 alumnos / año
- 3 Dominios personalizados
- 3 plazas de equipo
- Widgets integrables
- Aplicación MCG para Interfono
- Informes segmentados
Iniciar prueba de 14 días
Solución ilimitada para formación in-app y programas extensivos.
Personalizado
Hablemos
A la medida de tus necesidades
- Número personalizado de alumnos
- Dominios personalizados ilimitados
- Asientos de equipo ilimitados
- API de reposo
- LMS sin cabeza
- Informes para administradores de clientes
- Creación de academias como servicio
- Bases de conocimiento automatizadas
- SSO para alumnos
- SLA de empresa
- Gestor de cuentas dedicado
Comparar todas las funciones
|
Esenciales $ 79 /mes Iniciar prueba de 14 días |
Crecimiento $ 279 /mes Iniciar prueba de 14 días |
Personalizado Hablemos Reserva una llamada |
|
|---|---|---|---|
| Crear | |||
| # Número de cursos | Ilimitado | Ilimitado | Ilimitado |
| Constructor de bloques de arrastrar y soltar | |||
| Personalización del diseño | |||
| Emisión de credenciales digitales | |||
| Páginas de aterrizaje | |||
| Creador de cursos de IA | |||
| Constructor de Interacciones AI | |||
| AI Constructor de juegos educativos | |||
| Asistente de IA en la página | |||
| Juntas Comunitarias | |||
| Moderador de IA | |||
| Caminos, insignias y recompensas | |||
| # Nº de créditos AI al mes | 3,000 | 3.000 por asiento | Ilimitado |
| Entrega | |||
| Recuento de alumnos por año | 1,000 | 5,000 | Personalizado |
| Compartir con enlaces | |||
| Incrustación en páginas web | |||
| Dominios personalizados (CNAME) | 1 | 3 | Ilimitado |
| Exportar a PDF | |||
| Retirada del distintivo de generador de minicursos | |||
| Widget de accesibilidad para ADA | |||
| Locución AI | |||
| Exportar a SCORM dinámico | – | ||
| Conceder acceso | |||
| Conceder acceso a todo el mundo (sin inicio de sesión) | |||
| Conceder acceso después del muro de contraseñas | |||
| Conceder acceso tras la verificación por correo electrónico | |||
| Conceder acceso tras el pago | |||
| Conceder acceso sólo con invitación | |||
| Conceder acceso en Interfono a través de la aplicación MCG | – | ||
| Conceder acceso mediante autenticación en la aplicación | – | – | |
| LMS sin cabeza para aplicaciones móviles y web | – | – | |
| Gestión e integraciones | |||
| Certificaciones | |||
| Ajustes SEO para páginas de destino | |||
| Añadir códigos .js a Head & Body | |||
| Automatizaciones con Zapier e integraciones de Make | |||
| Asientos de equipo | – | 3 | Ilimitado |
| Informes basados en cuentas para el administrador del cliente | – | – | |
| API Rest | – | – | |
| SLA de empresa | – | – | |
| KnowUp (Agente de IA para Bases de Conocimiento) | – | – | |
| La preparación de la Academia como servicio | – | – | |
| Gestor de cuentas dedicado | – | – |
Con la confianza de más de 20.000 proveedores de formación
Preguntas frecuentes
Sobre precios
¿Qué ocurre después del periodo de prueba?
Tras 14 días de prueba gratuita, puedes proceder al pago para seguir utilizando el Mini Generador de Cursos y sacar el máximo partido al Mini Generador de Cursos y desbloquear todas las funciones exclusivas.
¿Cobras una cuota de implantación o configuración?
No. Creemos que no deberías tener que pagar un «impuesto» sólo por empezar. En el Mini Generador de Cursos no hay gastos de implementación ni de incorporación. Puedes registrarte, reservar una demostración y poner en marcha tu primer curso el mismo día sin tener que pagar una factura de cinco cifras.
¿Hay un compromiso mínimo anual?
No creemos en «atarte» a una plataforma antes de que hayas visto resultados. A diferencia de muchas plataformas empresariales que exigen contratos anuales mínimos elevados, nosotros ofrecemos planes flexibles que se adaptan a tus necesidades reales. Aunque el precio anual viene con descuentos, sigue dependiendo de ti seguir pagando a medida que avanzas. Hablemos de tus objetivos en una demostración, y encontraremos un camino que se ajuste a tus expectativas.
¿Cuánto tiempo se tarda en salir al mercado?
Puedes pasar de «Idea» a «Curso en vivo» en minutos, no en meses, ya que el Mini Generador de Cursos está hecho para la velocidad. Durante nuestra demostración de 15 minutos, podemos ayudarte a empezar a crear tu primer curso para que estés listo para lanzarlo inmediatamente.
¿Ofrecéis descuentos a organizaciones benéficas, ONG e instituciones educativas?
¡Sí! Nos encanta apoyar a ONG, organizaciones benéficas y escuelas. Los porcentajes de descuento varían en función de las necesidades y la escala de tu organización. Hagamos una llamada rápida para encontrar un plan que se ajuste a tu presupuesto.
¿Cobran alguna comisión por las ventas que realizamos?
Ni un céntimo. No cobramos comisiones ni gastos de transacción de tus ingresos. Tu único coste externo será la tarifa de procesamiento estándar de la pasarela de pago que elijas.
Tras 14 días de prueba gratuita, puedes proceder al pago para seguir utilizando el Mini Generador de Cursos y sacar el máximo partido al Mini Generador de Cursos y desbloquear todas las funciones exclusivas.
No. Creemos que no deberías tener que pagar un «impuesto» sólo por empezar. En el Mini Generador de Cursos no hay gastos de implementación ni de incorporación. Puedes registrarte, reservar una demostración y poner en marcha tu primer curso el mismo día sin tener que pagar una factura de cinco cifras.
No creemos en «atarte» a una plataforma antes de que hayas visto resultados. A diferencia de muchas plataformas empresariales que exigen contratos anuales mínimos elevados, nosotros ofrecemos planes flexibles que se adaptan a tus necesidades reales. Aunque el precio anual viene con descuentos, sigue dependiendo de ti seguir pagando a medida que avanzas. Hablemos de tus objetivos en una demostración, y encontraremos un camino que se ajuste a tus expectativas.
Puedes pasar de «Idea» a «Curso en vivo» en minutos, no en meses, ya que el Mini Generador de Cursos está hecho para la velocidad. Durante nuestra demostración de 15 minutos, podemos ayudarte a empezar a crear tu primer curso para que estés listo para lanzarlo inmediatamente.
¡Sí! Nos encanta apoyar a ONG, organizaciones benéficas y escuelas. Los porcentajes de descuento varían en función de las necesidades y la escala de tu organización. Hagamos una llamada rápida para encontrar un plan que se ajuste a tu presupuesto.
Ni un céntimo. No cobramos comisiones ni gastos de transacción de tus ingresos. Tu único coste externo será la tarifa de procesamiento estándar de la pasarela de pago que elijas.
